"use strict";(self.webpackChunkhhgHealthCareV1=self.webpackChunkhhgHealthCareV1||[]).push([[304],{97354:function(e,t,a){a.d(t,{A:function(){return x},D:function(){return y},I:function(){return C},S:function(){return h},a:function(){return N}});var r=a(73884),n=a.n(r),o=a(11851),i=a(35291),l=a(18502);if(8068==a.j)var s=a(71572);if(8068==a.j)var c=a(49206);if(8068==a.j)var d=a(94858);if(8068==a.j)var p=a(3328);var g=a(79677),u=a(58e3),m=a(6533);const h=e=>r.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"none"},e),r.createElement("path",{d:"M13.5554 9.33398L7.99989 5.55621L2.44434 9.33398",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"})),v=o.A.div`
  background-color: var(--background-color, transparent);
  color: white;
  cursor: pointer;
  img {
    --width: var(--width-prop, 40px);
    --height: var(--height-prop, 40px);
    width: var(--width);
    height: var(--height);
  }
  &[data-has-max='true'] {
    img {
      max-width: var(--width);
      max-height: var(--height);
    }
  }

  &[data-avatar-type='square'] {
    img {
      --width: var(--width-prop, 72px);
      --height: var(--height-prop, 72px);
      border-radius: ${i.w.borderRadius};
    }
  }

  &[data-avatar-type='rounded'] {
    img {
      border-radius: 50%;
    }
  }

  &[data-custom-size='true'] {
    display: flex;
    overflow: hidden;
    overflow: hidden;
    width: var(--size);
    height: var(--size);
    align-items: center;
    justify-content: center;
    background-size: cover;
    font-size: calc(var(--size) / 2);
    font-weight: bold;
    &[data-avatar-type='square'] {
      border-radius: ${i.w.borderRadius};
    }
    &[data-avatar-type='rounded'] {
      border-radius: 50%;
      img {
        --width: 100%;
        --height: 100%;
      }
    }
    img {
      object-fit: cover;
    }
  }
`,f={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},x=({type:e="square",size:t,avatarImg:a,avatarUrl:o,firstLetter:i,backgroundColor:s,onClick:c,style:d,className:p,width:g,height:u,alt:m})=>{const h=t?f[t]:void 0,[x,b]=(0,r.useState)(!1);(0,r.useEffect)((()=>{if(o){const e=document.createElement("img");e.setAttribute("src",o),e.addEventListener("error",(()=>{b(!0)}))}}),[o,b]);const w=(!o&&!a||x)&&i;return n().createElement(v,{style:Object.assign(Object.assign({},d),{"--size":h?h+"px":void 0,"--width-prop":g?g+"px":void 0,"--height-prop":u?u+"px":void 0,"--background-color":s}),"data-has-max":!(!g||!u),"data-avatar-type":e,onClick:c,className:p,avatarUrl:o,"data-custom-size":!!t},a,o&&!x&&n().createElement(l.I,{src:o,alt:m||"avatar"}),w&&i)},b=o.A.div`
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  color: ${i.w.colors.red700};
  border-radius: 8px;
  border: 1px solid ${i.w.colors.neutral100};
  font-size: 0.6875rem;
  line-height: 1rem;
  border-radius: 0.5rem;
`,w=(0,o.A)((e=>r.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 12 12",fill:"none"},e),r.createElement("g",{clipPath:"url(#clip0_5371_10640)"},r.createElement("path",{d:"M6.6665 4.3335L8.1665 5.8335L6.6665 7.3335",stroke:"#8C8C8C",strokeWidth:.72,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M8.16667 5.8335H5.83333C5.09667 5.8335 4.5 6.43016 4.5 7.16683V7.50016",stroke:"#8C8C8C",strokeWidth:.72,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M6.94331 10.3902L10.3907 6.94281C10.9114 6.42211 10.9114 5.57789 10.3907 5.05719L6.94331 1.60981C6.42261 1.08911 5.57839 1.08911 5.05769 1.60981L1.61031 5.05719C1.08961 5.57789 1.08961 6.42211 1.61031 6.94281L5.05769 10.3902C5.57839 10.9109 6.42261 10.9109 6.94331 10.3902Z",stroke:"#8C8C8C",strokeWidth:.72,strokeLinecap:"round",strokeLinejoin:"round"})),r.createElement("defs",null,r.createElement("clipPath",{id:"clip0_5371_10640"},r.createElement("rect",{width:12,height:12,fill:"white"}))))))`
  width: 0.75rem;
  height: 0.75rem;
  color: ${i.w.colors.gray400};
`;function y({value:e,className:t}){return n().createElement(b,{className:t},n().createElement(w,null),n().createElement(s.T,{size:"p3",weight:"regular",color:i.w.colors.gray400},e))}const k=o.A.div`
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;

  width: calc(var(--wrapper-size, var(--icon-size)) * 1px);
  height: calc(var(--wrapper-size, var(--icon-size)) * 1px);

  &[data-clickable='true'] {
    cursor: pointer;
  }

  > * {
    width: calc(var(--icon-size) * 1px);
    height: calc(var(--icon-size) * 1px);
  }

  &[data-svg-custom-stroke='true'] > svg * {
    stroke: var(--icon-stroke-color);
  }
  &[data-svg-custom-fill='true'] > svg * {
    fill: var(--icon-fill-color);
  }
`,C=({children:e,className:t,onClick:a,wrapperSize:r,iconSize:o=24,wrapperStyle:i,iconStyle:l,svgIcon:s,wrapperProps:c})=>n().createElement(k,Object.assign({className:t,onClick:a,style:Object.assign(Object.assign(Object.assign(Object.assign({},r&&{"--wrapper-size":r}),o&&{"--icon-size":o}),s&&Object.assign(Object.assign({},s.fill&&{"--icon-fill-color":s.fill}),s.stroke&&{"--icon-stroke-color":s.stroke})),i),"data-clickable":!!a,"data-svg-custom-stroke":!!(null===s||void 0===s?void 0:s.stroke),"data-svg-custom-fill":!!(null===s||void 0===s?void 0:s.fill)},c),n().cloneElement(e,{style:l}));(0,o.A)(g.D)`
  /* max-height: 100vh;
  max-height: 100dvh; */
  background-color: white;

  &[data-vaul-drawer-direction='bottom'] {
    top: initial !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    padding-bottom: 32px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .drawer__handle {
    width: 44px;
    height: 3px;
    background-color: ${i.w.colors.neutral500};
    margin: 16px auto;
    flex-shrink: 0;
  }
`;const E=(0,o.A)(u._s.Content)`
  position: fixed;
  z-index: ${m.Z-9e6+1};
  inset: 0;
  background-color: #fff;
  outline: none !important;

  &[data-is-linear='true'] {
    background: linear-gradient(180deg, #c3e3ff 1.86%, #fff 20%) !important;
  }

  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  &::-webkit-scrollbar-track {
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
  }

  &[data-vaul-drawer-direction='bottom'] {
    top: initial;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    /* padding-bottom: 16px; */
  }

  ${e=>e.isDragging&&"\n      input {\n        caret-color: transparent;\n      }\n    "}
`,$=(0,o.A)(u._s.Overlay)`
  position: fixed;
  inset: 0;
  z-index: ${m.Z-9e6};
  width: 100%;
  max-height: 100%;
  background-color: rgb(0, 0, 0, 0.4);
`,z=(0,o.A)(u._s.Handle)`
  &[data-vaul-handle] {
    width: 44px;
    height: 3px;
    background-color: ${i.w.colors.neutral500};
    margin: 16px auto;
    flex-shrink: 0;
  }
`;function N(e){var{children:t,onClose:a,isOpen:r,onOpenChange:o,isMobile:i,classNames:l,isLinear:s,overlayClassName:m,contentClassName:h,handlerClassName:v}=e,f=(0,c._)(e,["children","onClose","isOpen","onOpenChange","isMobile","classNames","isLinear","overlayClassName","contentClassName","handlerClassName"]);const{isDragging:x,handleDragStart:b,handleDragEnd:w}=(0,g.u)();return i?n().createElement(u._s.Root,Object.assign({onDrag:b,onRelease:w,open:r,onOpenChange:o,onClose:a},f),n().createElement(u._s.Portal,null,n().createElement($,{className:(0,d.A)(m,"drawer__overlay")}),n().createElement(E,{isDragging:x,className:(0,d.A)(h,"drawer__content"),"data-is-linear":s},n().createElement(u._s.Title,{style:{display:"none"}}),n().createElement(z,{className:(0,d.A)(v,"drawer__handle")}),t))):n().createElement(p.a,Object.assign({withCloseButton:!0,centered:!0,zIndex:500,size:"auto",classNames:l,radius:"lg"},f,{onClose:a,opened:r,styles:{root:{maxHeight:"400px"}}}),t)}},79677:function(e,t,a){a.d(t,{D:function(){return u},u:function(){return d}});var r=a(49206),n=a(73884),o=a.n(n),i=a(94858),l=a(58e3),s=a(11851),c=a(6533);const d=(e=300)=>{const[t,a]=(0,n.useState)(!1);return{isDragging:t,handleDragStart:(0,n.useCallback)((()=>{a(!0)}),[]),handleDragEnd:(0,n.useCallback)((()=>{setTimeout((()=>{a(!1)}),e)}),[e])}},p=(0,s.A)(l._s.Content)`
  position: fixed;
  z-index: ${c.Z-9e6+1};
  inset: 0;
  background-color: #fff;
  outline: none !important;

  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  &::-webkit-scrollbar-track {
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
  }

  &[data-vaul-drawer-direction='bottom'] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  &[data-vaul-drawer-direction='top'] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  &[data-vaul-drawer-direction='left'] {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  &[data-vaul-drawer-direction='right'] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  ${e=>e.isDragging&&"\n      input {\n        caret-color: transparent;\n      }\n    "}
`,g=(0,s.A)(l._s.Overlay)`
  position: fixed;
  inset: 0;
  z-index: ${c.Z-9e6};
  width: 100%;
  max-height: 100%;

  &[data-state='open'] {
    opacity: 0.6 !important;
  }
`,u=e=>{const{open:t,onOpenChange:a,snapPoints:s,activeSnapPoint:u,setActiveSnapPoint:m,children:h,overlayClassName:v,className:f,fadeFromIndex:x=c.Z-9e6,onClose:b}=e,w=(0,r._)(e,["open","onOpenChange","snapPoints","activeSnapPoint","setActiveSnapPoint","children","overlayClassName","className","fadeFromIndex","onClose"]),[y,k]=(0,n.useState)(t),[C,E]=(0,n.useState)(s?null===s||void 0===s?void 0:s[0]:null),{isDragging:$,handleDragStart:z,handleDragEnd:N}=d(),D=(0,n.useCallback)((e=>{k(e),null===a||void 0===a||a(e)}),[a]),j=(0,n.useMemo)((()=>s&&s.length?Boolean(C===s[s.length-1]):y),[C,s]),A=(0,n.useMemo)((()=>{const e={open:y,onOpenChange:D,fadeFromIndex:x};return s&&(null===s||void 0===s?void 0:s.length)&&(e.snapPoints=s,e.activeSnapPoint=C,e.setActiveSnapPoint=e=>{E(e),null===m||void 0===m||m(e)}),e}),[y,D,C,E,m,s,x]);return(0,n.useEffect)((()=>{k(t)}),[t]),(0,n.useEffect)((()=>{E(u)}),[u]),o().createElement(l._s.Root,Object.assign({onDrag:z,onRelease:N,onClose:b},w,A),o().createElement(l._s.Portal,null,o().createElement(g,{className:(0,i.A)(v,"drawer__overlay",{drawer__overlay_full:j})}),o().createElement(p,{isDragging:$,className:(0,i.A)(f,"drawer__content",{drawer__content_full:j})},o().createElement(l._s.Handle,{className:"drawer__handle"}),o().createElement(l._s.Title,{style:{display:"none"}}),h)))}},57077:function(e,t,a){a.d(t,{H:function(){return s}});var r=a(49206),n=a(73884),o=a.n(n),i=a(86566),l=a(71572);const s=e=>{var{as:t,tag:a,color:n,fontWeight:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:p}=e,g=(0,r._)(e,["as","tag","color","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const u=t||a,m=(0,i.xd)();return o().createElement(l.T,Object.assign({as:u,color:n||m.colors.gray[8],"data-event-category":c,"data-event-action":d,"data-event-label":p,weight:"semibold"===s?"semiBold":"bold",size:a,"data-size":a,"data-font-weight":s||void 0},g))}},60304:function(e,t,a){a.d(t,{A:function(){return z},B:function(){return D},C:function(){return O},D:function(){return ae},R:function(){return _},T:function(){return R},a:function(){return A},b:function(){return T},c:function(){return q},e:function(){return ee}});var r=a(73884),n=a.n(r),o=a(71572),i=a(11851),l=a(35291),s=a(44410);if(8068==a.j)var c=a(84251);var d=a(48085),p=a(94858);if(8068==a.j)var g=a(40279);var u=a(97354);if(8068==a.j)var m=a(66814);var h=a(49206),v=a(50970),f=a(47788),x=(a(31929),a(57077)),b=a(67483),w=a(95076),y=a(76020),k="CHw-fZZ",C="_03U6VRS",E="EO828Vv";const $=e=>r.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 18 18",fill:"none"},e),r.createElement("path",{d:"M9.82324 8.7033L10.8228 9.70287C10.9267 9.80662 11.056 9.8573 11.2107 9.85493C11.3655 9.85255 11.4948 9.79943 11.5987 9.69555C11.7026 9.59168 11.7545 9.46074 11.7545 9.30274C11.7545 9.14474 11.7026 9.01462 11.5987 8.91237L9.7353 7.04899C9.59968 6.91337 9.44149 6.84555 9.26074 6.84555C9.07999 6.84555 8.9218 6.91337 8.78618 7.04899L6.91549 8.91968C6.81174 9.02355 6.75987 9.15287 6.75987 9.30762C6.75987 9.46237 6.81174 9.59168 6.91549 9.69555C7.01937 9.79943 7.1503 9.85137 7.3083 9.85137C7.4663 9.85137 7.59643 9.79943 7.69868 9.69555L8.69824 8.7033L8.69824 11.5576C8.69824 11.717 8.75218 11.8506 8.86005 11.9583C8.96793 12.0662 9.10156 12.1201 9.26093 12.1201C9.42043 12.1201 9.55399 12.0662 9.66162 11.9583C9.76937 11.8506 9.82324 11.717 9.82324 11.5576L9.82324 8.7033ZM16.3857 9.3063C16.3857 10.2918 16.1987 11.2181 15.8247 12.0852C15.4507 12.9524 14.9432 13.7066 14.3021 14.348C13.6609 14.9894 12.907 15.4972 12.0402 15.8714C11.1735 16.2456 10.2474 16.4326 9.26205 16.4326C8.27655 16.4326 7.35024 16.2456 6.48312 15.8716C5.61599 15.4976 4.86174 14.9901 4.22037 14.3489C3.57899 13.7078 3.07118 12.9539 2.69693 12.0871C2.3228 11.2204 2.13574 10.2943 2.13574 9.30893C2.13574 8.32343 2.32274 7.39712 2.69674 6.52999C3.07074 5.66287 3.5783 4.90862 4.21943 4.26724C4.86055 3.62587 5.61449 3.11805 6.48124 2.7438C7.34799 2.36968 8.27405 2.18262 9.25943 2.18262C10.2449 2.18262 11.1712 2.36962 12.0384 2.74362C12.9055 3.11762 13.6597 3.62518 14.3011 4.2663C14.9425 4.90743 15.4503 5.66137 15.8246 6.52812C16.1987 7.39487 16.3857 8.32093 16.3857 9.3063ZM15.2607 9.30762C15.2607 7.63262 14.6795 6.21387 13.517 5.05137C12.3545 3.88887 10.9357 3.30762 9.26074 3.30762C7.58574 3.30762 6.16699 3.88887 5.00449 5.05137C3.84199 6.21387 3.26074 7.63262 3.26074 9.30762C3.26074 10.9826 3.84199 12.4014 5.00449 13.5639C6.16699 14.7264 7.58574 15.3076 9.26074 15.3076C10.9357 15.3076 12.3545 14.7264 13.517 13.5639C14.6795 12.4014 15.2607 10.9826 15.2607 9.30762Z",fill:"#595959"})),z=({style:e,onClose:t,text:a,type:r,contentIcon:i,closeIcon:l,className:s,description:c})=>n().createElement("div",{className:`${k} ${s||""}`,style:e,"data-alert-type":r},n().createElement("div",{className:C},n().createElement("div",{className:"icon-title"},i,n().createElement(o.T,{weight:"bold",size:"label1"},a)),n().createElement(o.T,{weight:"regular",size:"p3"},c)),n().createElement("div",{className:E,onClick:t},l)),N=i.A.div`
  position: relative;

  > div {
    width: max-content;
    position: relative;
  }

  span {
    font-weight: ${l.w.sizes.fwBold};
    display: flex;
    justify-content: center;
    align-items: center;

    ${e=>((e,t,a,r)=>{let n="";if("numeric"===e)switch(t){case"medium":n="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":n="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}let o,i="";a&&(i="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),a&&(o=`\n      left: 70%;\n\n      ${"large"===t?"\n        top: -7px;\n      ":"medium"===t?"\n       top: -2px;\n       width: 16px;\n       height: 16px;\n      ":""}\n    `);let s="";switch(r){case"primary":s=`\n      background: ${l.w.colors.primary50};\n      color: ${l.w.colors.primary600};  \n    `;break;case"error":s=`\n        background: ${l.w.colors.error};\n        color: white;\n      `}switch(e){case"dot":return`\n        ${i}\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ${s}\n      `;case"numeric":return`\n        ${i}\n        width: max-content;\n        border-radius: 32px;\n        ${n}\n        ${o}\n        ${s}\n      `}})(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)}
  }

  ${e=>e.hasIcon&&"\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  "}
`,D=({amount:e,type:t,size:a="medium",color:r="primary",icon:o,className:i})=>n().createElement(N,{"data-notification-type":t,"data-notification-size":a,"data-notification-color":r,"data-has-icon":!!o||void 0,notificationType:t,notificationSize:a,notificationColor:r,hasIcon:!!o,className:i},n().createElement("div",null,e&&n().createElement("span",null,e)," ",o&&n().createElement("div",null,o))),j=i.A.h4`
  position: relative;
  line-height: 18px;

  &:after {
    position: absolute;
    top: 1px;
    left: 0;
    width: 4px;
    height: 18px;
    background-color: ${l.w.colors.primaryBase};
    content: '';
  }

  &[data-size='lg'] {
    font-size: 18px;
    padding-left: 12px;
  }

  &[data-size='sm'] {
    font-size: 14px;
    padding-left: 8px;

    &::after {
      width: 2px;
      height: 15px;
    }
  }

  &[data-type='bold'] {
    font-weight: ${l.w.sizes.fwBold};
  }
  &[data-type='semiBold'] {
    font-weight: ${l.w.sizes.fwSemiBold};
  }

  &[data-uppercase] {
    text-transform: uppercase;
  }

  ${s.M.mbDown} {
    &[data-size='lg'] {
      font-size: 16px;
    }
  }
`,A=({style:e,children:t,className:a,size:r="lg",type:o="bold",upperCase:i,as:l="h4",color:s})=>n().createElement(j,{style:Object.assign({color:s},e),className:a,"data-size":r,"data-type":o,"data-uppercase":i,as:l},t),S=(0,i.A)(u.S)`
  flex-shrink: 0;
  color: ${l.w.colors.neutral800};
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease-in-out;
  transform: rotate(-180deg);
  &[data-is-collapsed='true'] {
    transform: rotate(0deg);
  }
`,L=i.A.div`
  background-color: white;
  .icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: ${l.w.colors.neutral800};
  }
  .title-collapse {
    color: #111111;
    font-weight: var(--fwSemiBold);
    font-size: 1.0625rem;
    line-height: 1.5rem;
    flex-grow: 1;
  }
  .box-collapse {
    display: flex;
    padding: 1.5rem 1rem 1rem 1rem;
    gap: 0.75rem;
    align-items: center;
  }
`;function O({children:e,title:t,icon:a,defaultOpened:r=!0,haveCollapse:i=!0,id:l,className:s,as:d="h2"}){const[p,{toggle:u}]=(0,g.j)(r);return n().createElement(L,{id:l,className:s},n().createElement("div",{className:"box-collapse",onClick:()=>{i&&u()}},i&&a,n().createElement(o.T,{as:d,className:"title-collapse"},t),i&&n().createElement(S,{"data-is-collapsed":p})),n().createElement(c.S,{in:!i||p,transitionDuration:200,transitionTimingFunction:"ease"},e))}i.A.div`
  position: relative;
  box-sizing: border-box;
  border: 1px solid ${l.w.colors.gray200};
  background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;
  background-position: right 16px center;
  border-radius: ${l.w.borderRadius};

  &[data-has-icons='true'] {
    border: none;
    background: ${l.w.colors.gray100};

    img,
    svg {
      display: inline-block;
      max-width: 16px;
      margin-right: 6px;
    }

    span {
      vertical-align: middle;
      display: inline-block;
    }

    &:hover {
      box-shadow: none;
    }
    > div {
      position: relative;
      width: 100%;
      display: flex;
      align-items: center;
      box-sizing: border-box;
    }
    > div::after {
      content: '';
      right: 12px;
      top: 50%;
      background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      width: 10px;
      height: 8px;
      position: absolute;
      background-repeat: no-repeat;
      transform: translateY(-50%);
    }
  }

  &:hover {
    box-shadow: 0 0 2px 2px ${l.w.colors.primary200};
  }
`,i.A.div`
  padding: 12px 18px 12px 16px;
  cursor: pointer;
  &[data-dropdown-open] {
    padding: 11px 15px 11px 15px;
    border: 1px solid ${l.w.colors.primaryBase};
    border-radius: ${l.w.borderRadius};
    box-shadow: 0 0 2px 2px ${l.w.colors.primary200};
  }

  & > svg {
    height: 16px;
    width: 16px;
  }
`,i.A.ul`
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: block;
  margin-top: 4px;
  background: ${l.w.colors.white};
  border-radius: ${l.w.borderRadius};
  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
    -2px 2px 5px rgba(67, 86, 100, 0.123689);
  cursor: pointer;

  &[data-has-icons='true'] {
    background: white;
    box-shadow: none;
    border: 1px solid ${l.w.colors.gray200};
    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));
  }
`,i.A.li`
  margin: 8px;
  padding: 12px 18px 12px 16px;
  border-radius: ${l.w.borderRadius};
  display: flex;
  &:hover,
  :active {
    background: ${l.w.colors.gray100};
  }
`,i.A.div`
  display: flex;
  align-items: center;
  margin-right: 8px;

  & > svg {
    height: 16px;
    width: 16px;
  }
`,i.A.div`
  --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));
  --columns-desktop: var(
    --grid-template-columns-desktop,
    repeat(var(--columns-count-desktop), 1fr)
  );
  display: grid;
  grid-template-columns: var(--columns);
  grid-gap: var(--grid-gap);
  align-items: var(--align-items);

  ${s.M.tdUp} {
    grid-template-columns: var(--columns-desktop);
  }

  > * {
    justify-self: var(--justify-children);
  }
`;const _=({size:e="small",label:t,name:a,checked:r,value:o,className:i,isDisabled:l=!1,onChange:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:p})=>{const g=!!d&&!!c&&!!p?{"data-event-category":c,"data-event-action":d,"data-event-label":p}:{};return n().createElement(m.R,Object.assign({size:"small"===e?"md":"lg",label:t,name:a,checked:r,value:o,className:i,disabled:l,onChange:e=>null===s||void 0===s?void 0:s(e.target.value)},g))},P=i.A.div`
  display: inline-flex;

  gap: calc(var(--gap) * 1px);
  > svg {
    width: calc(var(--star-size) * 1px);
    height: calc(var(--star-size) * 1px);
  }

  &[data-selectable='true'] {
    > svg {
      cursor: pointer;
    }
  }
`,I=e=>n().createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),n().createElement("path",{d:"m139.287 144.772 5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54a.498.498 0 0 0-.92 0l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z",fill:"#E4E8EC"}),n().createElement("path",{d:"M139.289 144.771s.013-14.488 0-14.488a.49.49 0 0 0-.46.308l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z",fill:"#FFC326"})),M=e=>{var{isFull:t}=e,a=(0,h._)(e,["isFull"]);return n().createElement("svg",Object.assign({},a,{viewBox:"0 0 32 32",fill:"none"}),n().createElement("path",{d:"m16 23.027 6.893 4.16c.507.306 1.134-.147 1-.72l-1.826-7.84 6.08-5.267a.67.67 0 0 0-.387-1.173l-8.013-.68-3.134-7.387a.664.664 0 0 0-1.226 0l-3.133 7.387-8.014.68a.668.668 0 0 0-.373 1.173l6.08 5.267-1.827 7.84c-.133.573.493 1.026 1 .72z",fill:t?"#FFC326":"#D2D6DC"}))},T=({gap:e=2,size:t=24,star:a,totalStars:o=5,onSelect:i,hideEmptyStars:l,style:s,className:c})=>{const d=Math.floor(a),p=a-d>=.5?1:0,[g,u]=(0,r.useState)(null),m=g||d,h=g?0:p;return n().createElement(P,{"data-selectable":!!i,style:Object.assign({"--gap":e,"--star-size":t},s),className:c},Array.from({length:l?d+p:o}).map(((e,t)=>{const a=()=>!!i&&u(t+1),r=()=>!!i&&u(null);return t+1<=m?n().createElement(M,{key:t,onClick:()=>null===i||void 0===i?void 0:i(t+1),onMouseOver:a,onMouseLeave:r,isFull:!0}):t+1===m+h?n().createElement(I,{key:t,onClick:()=>null===i||void 0===i?void 0:i(t+1),onMouseOver:a,onMouseLeave:r}):n().createElement(M,{key:t,onClick:()=>null===i||void 0===i?void 0:i(t+1),onMouseOver:a,onMouseLeave:r})})))},B=i.A.div`
  --padding-horizontal: 8px;
  --pading-vertical: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--pading-vertical) var(--padding-horizontal);
  border-radius: 24px;

  ${e=>"sponsored"===e.tagType&&`\n    --offset-size: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    position: relative;\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);\n    border-radius: 0 4px 18px 0;\n    height: 24px;\n    width: 90px;\n    border-left: var(--offset-size) solid ${l.w.colors.accentLight};\n    padding: 0;\n    margin-left: calc(var(--offset-size) * -1);\n\n    p {\n      font-weight: ${l.w.sizes.fwBold};\n      color: var(\n        --text-props-color,\n        ${l.w.colors.secondaryDark}\n      );\n      font-size: 11px;\n      margin-left: calc(var(--offset-size) * -1);\n    }\n\n    &::after {\n      width: calc(var(--offset-size) * 2);\n      height: var(--offset-size);\n      background: ${l.w.colors.accentMain};\n      position: absolute;\n      left: calc(var(--offset-size) * -1);\n      bottom: calc(var(--offset-size) * -1);\n      clip-path: polygon(0 1%, 100% 0%, 100% 100%);\n      content: '';\n    }\n  `}

  ${e=>e.isInline&&"\n      display: inline-block;\n  "}

  ${e=>e.tagHasMorePadding&&"\n    &[data-has-more-padding] {\n      padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal);\n    }\n  "}

  p {
    ${e=>e.tagIsLight?"\n      color: var(--text-props-color, #000);\n      ":`\n      color: var(--text-props-color, ${l.w.colors.white});\n        `}
  }

  ${e=>((e,t)=>{switch(e){case"yellow":return`\n        background: ${t?l.w.colors.yellow50:l.w.colors.yellow600};\n        p {\n          color: var(\n            --text-props-color,\n            ${l.w.colors.gray800}\n          );\n        }\n      `;case"standard":return`\n      background: ${l.w.colors.white};\n      border: 1px solid ${l.w.colors.gray200};\n  \n      p {\n        color: var(\n          --text-props-color,\n          ${l.w.colors.gray800}\n        );\n      }\n  \n      &:hover {\n        background: ${l.w.colors.gray100};\n      }\n      `;case"red":return`\n         background: ${t?l.w.colors.red50:l.w.colors.red500};\n        `;case"green":return`\n         background: ${t?l.w.colors.green50:l.w.colors.green500};\n      `;case"blue":return`\n         background: ${t?l.w.colors.primary50:l.w.colors.primaryBase};\n      `;case"teal":return`\n         background: ${t?l.w.colors.teal100:l.w.colors.teal600};\n      `;case"pink":return`\n         background: ${t?l.w.colors.pink200:l.w.colors.pink800};\n      `;case"violet":return`\n          background: ${t?l.w.colors.violet100:l.w.colors.violet500};\n      `;case"grey":return`\n          background: ${t?l.w.colors.gray100:l.w.colors.gray600};\n      `}})(e.tagType,e.tagIsLight)}

  ${e=>e.tagIsSquared&&"sponsored"!==e.tagType&&"\n    border-radius: 4px;\n  "}

  ${e=>e.tagIsALink&&"\n    cursor: pointer;\n  "} 

  &[data-is-selected],
  &:active {
    background: ${l.w.colors.primary50};
  }
`,R=({type:e,children:t,style:a,isInline:r,isSquared:o=!1,className:i,isLight:l,hasMorePadding:s,isLink:c,isSelected:d,textProps:p={size:"sm"}})=>{const g=p.color?{"--text-props-color":p.color}:{};return n().createElement(B,{"data-is-squared":o||void 0,"data-tag-type":e,"data-is-light":l||void 0,"data-has-more-padding":s||void 0,"data-is-inline":r||void 0,style:Object.assign(Object.assign({},a),g),className:i,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:e,isInline:r,tagHasMorePadding:s,tagIsLight:l,tagIsSquared:o,tagIsALink:c},n().createElement(v.T,Object.assign({},p),t))},F="24px",H=(0,f.s)(i.A.span`
    position: relative;
    display: block;
    width: 40px;
    height: ${F};
    background: #c3cbd4;
    border-radius: 100px;
    cursor: pointer;

    &:after {
      position: absolute;
      top: 2px;
      left: 2px;
      width: 20px;
      height: 20px;
      background: #fff;
      border-radius: 90px;
      content: '';
      transition: 0.3s;
    }
  `,"hhgcomp-toggle-icon"),U=i.A.span`
  padding-left: 15px;
`,Z=i.A.div`
  height: ${F};

  input[type='checkbox'] {
    width: 0;
    height: 0;
    visibility: hidden;
  }

  label {
    cursor: pointer;
    display: inline-flex;
    color: ${l.w.colors.gray600};
  }

  input:checked + label ${H.classSelector} {
    background: ${l.w.colors.primaryBase};
    &:after {
      left: calc(100% - 2px);
      transform: translateX(-100%);
    }
  }
`,q=({className:e,id:t,onChange:a,checked:r,style:o,label:i})=>n().createElement(Z,{className:e,style:o},n().createElement("input",{type:"checkbox",id:t,onChange:a,checked:r}),n().createElement("label",{htmlFor:t},n().createElement(H,null),i&&n().createElement(U,null,i)));(0,r.createContext)({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1}),i.A.div`
  display: flex;
  align-items: center;
  gap: 8px;
`,(0,i.A)(x.H)`
  font-weight: var(--fwBold);
`;var G,V;!function(e){e.ONE_TO_ONE="1:1",e.THREE_TO_ONE="3:1"}(G||(G={})),function(e){e.PNG=".png",e.JPG=".jpg",e.JPEG=".jpeg"}(V||(V={}));const W=e=>(0,h.a)(void 0,void 0,void 0,(function*(){if(0===e.length)return[];return yield Promise.all(e.map((e=>(e=>new Promise(((t,a)=>{const r=new FileReader;r.onload=()=>t(r.result),r.onerror=a,r.readAsDataURL(e)})))(e))))})),J=i.A.div`
  display: flex;
  flex-direction: column;

  .image-upload-input-error {
    margin-top: ${(0,d.D)(12)};
    display: flex;
    flex-direction: column;
    gap: ${(0,d.D)(4)};
  }
`,X=i.A.div`
  display: flex;
  flex-direction: column;
  gap: ${(0,d.D)(4)};
  margin-top: ${(0,d.D)(4)};

  span {
    color: ${l.w.colors.neutral500};
  }
`,Y=i.A.div`
  position: relative;
  width: fit-content;
  padding: ${(0,d.D)(8)} ${(0,d.D)(12)};
  border-radius: ${(0,d.D)(12)};
  border: ${(0,d.D)(1)} solid ${l.w.colors.neutral200};
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: ${(0,d.D)(8)};
  margin-top: ${(0,d.D)(18)};

  &.image-upload-dragover {
    border-color: ${l.w.colors.primaryBase};
  }

  &.image-upload-error {
    border-color: ${l.w.colors.error};
  }

  &.image-upload-disabled {
    cursor: not-allowed;
    background-color: ${l.w.colors.gray100};
    color: ${l.w.colors.gray400};
    border-color: ${l.w.colors.gray200};
  }

  svg {
    width: ${(0,d.D)(18)};
    height: ${(0,d.D)(18)};
  }

  input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: -1;
  }
`,K=i.A.div`
  position: relative;
  width: ${(0,d.D)(90)};
  height: ${(0,d.D)(90)};
  border-radius: ${(0,d.D)(12)};
  overflow: hidden;
  background-color: ${l.w.colors.gray100};
  display: flex;
  align-items: center;
  justify-content: center;

  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  svg {
    width: ${(0,d.D)(14)};
    height: ${(0,d.D)(14)};
    color: ${l.w.colors.white};
  }

  .image-upload-remove-button {
    cursor: pointer;
    position: absolute;
    top: ${(0,d.D)(6)};
    right: ${(0,d.D)(6)};
    background: ${l.w.colors.black};
    border-radius: ${(0,d.D)(12)};
    padding: ${(0,d.D)(2)};
    display: flex;

    &:hover {
      opacity: 0.8;
    }
  }
`,Q=i.A.div`
  display: flex;
  gap: ${(0,d.D)(8)};
  margin-top: ${(0,d.D)(18)};
`,ee=(0,r.forwardRef)((({label:e,name:t,error:a,acceptedTypes:i=[V.PNG,V.JPG,V.JPEG],maxSize:s=1,acceptedRatios:c,multiple:g=!1,disabled:u=!1,id:m,className:v,onChange:f,value:x,showValidationRules:y=!1,description:k,useBase64:C=!1,placeholder:E},z)=>{const{t:N}=(0,w.u)(),[D,j]=(0,r.useState)(!1),[A,S]=(0,r.useState)([]),L=(0,r.useRef)(null),O=Boolean(a)||A.length>0,_=(0,r.useMemo)((()=>x?Array.isArray(x)?x:[x]:[]),[x]),P=(0,r.useCallback)((e=>{var t;const a=[],r="."+(null===(t=e.name.split(".").pop())||void 0===t?void 0:t.toLowerCase());i.includes(r)||a.push(`Unsupported file format. Please upload a ${i.join(", ")} file.`);return e.size/1048576>s&&a.push(`File too large. Please upload an image smaller than ${s}MB.`),{file:e,isValid:0===a.length,errors:a}}),[i,s]),I=(0,r.useCallback)((e=>new Promise((t=>{if(!c||!c.length||!e.type.startsWith("image/"))return void t([]);const a=new Image;a.onload=()=>{const e=a.width/a.height,r=`${e.toFixed(1)}:1`,n=c.some((t=>{const[a,r]=t.split(":"),n=parseInt(a)/parseInt(r);return Math.abs(e-n)<.1}));t(n?[]:[`Image ratio ${r} is not accepted.`])},a.onerror=()=>t(["Invalid image file"]),a.src=URL.createObjectURL(e)}))),[c]),M=(0,r.useMemo)((()=>_.map((e=>"string"===typeof e?e:e instanceof File?URL.createObjectURL(e):"")).filter(Boolean)),[_]),T=(0,r.useCallback)((e=>(0,h.a)(void 0,void 0,void 0,(function*(){const a=Array.from(e),r=[],n=[];for(const e of a){const t=P(e),a=yield I(e),o=[...t.errors,...a];0===o.length?n.push(e):r.push(...o)}if(S(r),0===n.length)return;const o=C?yield W(n):n;f({target:{name:t,value:g?[..._,...o]:o.slice(0,1)}})}))),[P,I,g,f,t,_]),B=(0,r.useCallback)((e=>{L.current=e,"function"===typeof z?z(e):z&&(z.current=e)}),[z]),R=(0,r.useCallback)((()=>{!u&&L.current&&L.current.click()}),[u]),F=(0,r.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),j(!0)}),[]),H=(0,r.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),j(!1)}),[]),U=(0,r.useCallback)((e=>{e.preventDefault(),e.stopPropagation()}),[]),Z=(0,r.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),j(!1);const t=e.dataTransfer.files;t.length>0&&T(t)}),[T]);return n().createElement(J,{className:v},n().createElement("label",{htmlFor:m||t},"string"===typeof e?n().createElement(o.T,{size:"title2"},e):e,k&&n().createElement(o.T,{size:"p3",mt:(0,d.D)(4),color:l.w.colors.gray700},k)),y&&n().createElement(X,null,n().createElement(o.T,{size:"p3"},"Formats: ",i.join("/")),c&&n().createElement(o.T,{size:"p3"},"Max size: ",s,"MB - Accepted ratios:"," ",c.join("/"))),(g||0===_.length)&&n().createElement(Y,{className:(0,p.A)(D&&"image-upload-dragover",O&&"image-upload-error",u&&"image-upload-disabled"),onDragEnter:F,onDragLeave:H,onDragOver:U,onDrop:Z,onClick:R},n().createElement("input",{ref:B,type:"file",id:m||t,name:t,accept:i.join(","),multiple:g,onChange:e=>{const t=e.target.files;t&&t.length>0&&T(t)},disabled:u}),n().createElement($,null),n().createElement(o.T,{size:"p3",fw:500},E||N("common.btn.uploadPhoto"))),_.length>0&&n().createElement(Q,null,M.map(((e,a)=>n().createElement(K,{key:a},n().createElement("img",{src:e,alt:`Uploaded file ${a+1}`,className:"image-upload-preview-image"}),n().createElement("button",{onClick:e=>{e.stopPropagation(),(e=>{const a=_.filter(((t,a)=>a!==e));S([]),f({target:{name:t,value:g?a:""}})})(a)},className:"image-upload-remove-button"},n().createElement(b.C,null)))))),O&&n().createElement("div",{className:"image-upload-input-error"},[...A,a].map((e=>n().createElement(o.T,{key:e,className:"error-text",size:"c1",color:l.w.colors.red600},e)))))})),te=(0,i.A)(y.F)`
  & .mantine-Carousel-control {
    width: auto;
  }
`,ae=e=>{var{children:t,gapItem:a=8,slideSize:r="auto",withControls:o=!1,withIndicators:i=!1,dragFree:l=!0,align:s="start"}=e,c=(0,h._)(e,["children","gapItem","slideSize","withControls","withIndicators","dragFree","align"]);return n().createElement(te,Object.assign({slideSize:r,slideGap:a,withControls:o,withIndicators:i,dragFree:l,align:s,containScroll:"trimSnaps"},c),n().Children.map(t,((e,t)=>n().createElement(y.F.Slide,{key:t},e))))}},47788:function(e,t,a){a.d(t,{s:function(){return o}});var r=a(73884),n=a.n(r);function o(e,t){const a=(0,r.forwardRef)(((a,r)=>n().createElement(e,Object.assign({},a,{className:`${t} ${a.className||""}`,ref:r}))));return a.classSelector=`.${t}`,a}},31929:function(e,t,a){a(73884),a(44363)}}]);