"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9301],{ahPK:function(e,t,a){a.d(t,{B:function(){return BtnChoice}});var r=a("q1tI"),o=a("mH4H"),l=a("rBCA");let n=l.Z.div`
  display: flex;
  align-items: center;
  gap: 8px;
  button[data-color='tertiary'] {
    background: white;
  }
`,BtnChoice=({value:e,choices:t,className:a,onChange:l})=>{let[i,s]=(0,r.useState)(e);return(0,r.useEffect)(()=>{s(e)},[e]),r.createElement(n,{className:a},t.map((e,t)=>r.createElement(o.B,{dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel,size:"sm",variant:e.value===i?"primary":"tertiary",className:e.value===i?"btn-choice-selected":"",key:t,onClick:()=>{s(e.value),null==l||l(e.value)}},e.label||"")))}},"3Z+f":function(e,t,a){a.d(t,{A:function(){return Alert},B:function(){return Badge},C:function(){return CardCollapse},D:function(){return DragFreeCarousel},F:function(){return FileDropdown},G:function(){return Grid},H:function(){return HtmlContent},I:function(){return IconHeading},R:function(){return Radio},S:function(){return StepRenderer},T:function(){return Tag},U:function(){return Upload},a:function(){return BorderHeading},b:function(){return RateStars},c:function(){return Toggle},d:function(){return _},e:function(){return K},f:function(){return l},g:function(){return n}});var r,o,l,n,i=a("q1tI"),s=a("UldL"),c=a("rBCA"),d=a("iBNF"),p=a("Dt6F"),u=a("4JiQ"),g=a("mYVa"),m=a("iuhU"),h=a("Iblh"),f=a("4dmG"),v=a("u5t1"),x=a("+MNf"),b=a("VDdh"),y=a("gEnE"),w=a("yVya"),E=a("J1dS"),k=a("AatG"),C=a("eyMb"),$=a("Zdfy");let Upload=e=>i.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 18 18",fill:"none"},e),i.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"})),Alert=({style:e,onClose:t,text:a,type:r,contentIcon:o,closeIcon:l,className:n,description:c})=>i.createElement("div",{className:`CHw-fZZ ${n||""}`,style:e,"data-alert-type":r},i.createElement("div",{className:"_03U6VRS"},i.createElement("div",{className:"icon-title"},o,i.createElement(s.T,{weight:"bold",size:"label1"},a)),i.createElement(s.T,{weight:"regular",size:"p3"},c)),i.createElement("div",{className:"EO828Vv",onClick:t},l)),renderNotificationStyles=(e,t,a,r)=>{let o,l="";if("numeric"===e)switch(t){case"medium":l=`
          height: 16px;
          font-size: 11px;
          padding: 1px 6px;
        `;case"large":l=`
          height: 24px;
          font-size: 13px;
          padding: 1px 10px;
        `}let n="";a&&(n=`
      position: absolute;
      top: 0;
      left: 75%;
    `),a&&(o=`
      left: 70%;

      ${"large"===t?`
        top: -7px;
      `:"medium"===t?`
       top: -2px;
       width: 16px;
       height: 16px;
      `:""}
    `);let i="";switch(r){case"primary":i=`
      background: ${d.r.colors.primary50};
      color: ${d.r.colors.primary600};  
    `;break;case"error":i=`
        background: ${d.r.colors.error};
        color: white;
      `}switch(e){case"dot":return`
        ${n}
        width: 8px;
        height: 8px;
        font-size: 0px;
        border-radius: 50%;
        ${i}
      `;case"numeric":return`
        ${n}
        width: max-content;
        border-radius: 32px;
        ${l}
        ${o}
        ${i}
      `}},z=c.Z.div`
  position: relative;

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

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

    ${e=>renderNotificationStyles(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)}
  }

  ${e=>e.hasIcon&&`
    svg {
      width: 40px;
      height: 40px;
    }
  `}
`,Badge=({amount:e,type:t,size:a="medium",color:r="primary",icon:o,className:l})=>i.createElement(z,{"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:l},i.createElement("div",null,e&&i.createElement("span",null,e)," ",o&&i.createElement("div",null,o))),S=c.Z.h4`
  position: relative;
  line-height: 18px;

  &:after {
    position: absolute;
    top: 1px;
    left: 0;
    width: 4px;
    height: 18px;
    background-color: ${d.r.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: ${d.r.sizes.fwBold};
  }
  &[data-type='semiBold'] {
    font-weight: ${d.r.sizes.fwSemiBold};
  }

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

  ${p.M.mbDown} {
    &[data-size='lg'] {
      font-size: 16px;
    }
  }
`,BorderHeading=({style:e,children:t,className:a,size:r="lg",type:o="bold",upperCase:l,as:n="h4",color:s})=>i.createElement(S,{style:Object.assign({color:s},e),className:a,"data-size":r,"data-type":o,"data-uppercase":l,as:n},t),I=(0,c.Z)(f.S)`
  flex-shrink: 0;
  color: ${d.r.colors.neutral800};
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease-in-out;
  transform: rotate(-180deg);
  &[data-is-collapsed='true'] {
    transform: rotate(0deg);
  }
`,M=c.Z.div`
  background-color: white;
  .icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: ${d.r.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 CardCollapse({children:e,title:t,icon:a,defaultOpened:r=!0,haveCollapse:o=!0,id:l,className:n,as:c="h2"}){let[d,{toggle:p}]=(0,h.q)(r);return i.createElement(M,{id:l,className:n},i.createElement("div",{className:"box-collapse",onClick:()=>{o&&p()}},o&&a,i.createElement(s.T,{as:c,className:"title-collapse"},t),o&&i.createElement(I,{"data-is-collapsed":d})),i.createElement(u.U,{in:!o||d,transitionDuration:200,transitionTimingFunction:"ease"},e))}let N=c.Z.div`
  position: relative;
  box-sizing: border-box;
  border: 1px solid ${d.r.colors.gray200};
  background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;
  background-position: right 16px center;
  border-radius: ${d.r.borderRadius};

  &[data-has-icons='true'] {
    border: none;
    background: ${d.r.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 ${d.r.colors.primary200};
  }
`,L=c.Z.div`
  padding: 12px 18px 12px 16px;
  cursor: pointer;
  &[data-dropdown-open] {
    padding: 11px 15px 11px 15px;
    border: 1px solid ${d.r.colors.primaryBase};
    border-radius: ${d.r.borderRadius};
    box-shadow: 0 0 2px 2px ${d.r.colors.primary200};
  }

  & > svg {
    height: 16px;
    width: 16px;
  }
`,B=c.Z.ul`
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: block;
  margin-top: 4px;
  background: ${d.r.colors.white};
  border-radius: ${d.r.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 ${d.r.colors.gray200};
    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));
  }
`,F=c.Z.li`
  margin: 8px;
  padding: 12px 18px 12px 16px;
  border-radius: ${d.r.borderRadius};
  display: flex;
  &:hover,
  :active {
    background: ${d.r.colors.gray100};
  }
`,Z=c.Z.div`
  display: flex;
  align-items: center;
  margin-right: 8px;

  & > svg {
    height: 16px;
    width: 16px;
  }
`,ShareIconPathStyle=()=>i.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),DefaultFileIcon=()=>i.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},i.createElement("defs",null,i.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},i.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),i.createElement("title",null,"File"),i.createElement("g",{clipPath:"url(#prefix__clip-path)"},i.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),i.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),DownloadIcon=()=>i.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},i.createElement("title",null,"download"),i.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),UploadIcon=()=>i.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},i.createElement("title",null,"upload"),i.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"})),FileDropdown=({className:e,value:t,options:a,onUploadSelected:r,id:o,placeholderIcon:l,placeholder:n,style:s})=>{let[c,d]=(0,i.useState)(!1),showDropdown=()=>d(!c),p=(0,i.useRef)(a.map(e=>"upload"===e.type&&i.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+e.value,key:"uploader-dropdown-input-"+o+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),r(e.target.files)}}))),onUpload=e=>{var t;null===(t=document.querySelector(e))||void 0===t||t.click()},onDownload=e=>{e&&window.open(e,"_blank")};return i.createElement(N,{className:e,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:s,onBlur:()=>d(!1),tabIndex:0},i.createElement(ShareIconPathStyle,null),i.createElement(L,{onClick:showDropdown},l||i.createElement(DefaultFileIcon,null)," ",i.createElement("span",null,t&&t.value?t.label:n)),c&&i.createElement(B,{onClick:showDropdown,"data-has-icons":!0},a.map(e=>i.createElement(F,{key:`${o}-${e.value}`,"data-selected":t&&t.value===e.value||void 0,onClick:()=>"upload"===e.type?onUpload("#uploader-dropdown-input-"+o+"-"+e.value):onDownload(e.url)},i.createElement(Z,null,e.icon||"download"===e.type?i.createElement(DownloadIcon,null):i.createElement(UploadIcon,null)),e.label))),i.createElement(i.Fragment,null,p.current))},j=c.Z.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);

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

  > * {
    justify-self: var(--justify-children);
  }
`,Grid=({className:e,columns:t,columnsDesktop:a,gridTemplateColumns:r,gridTemplateColumnsDesktop:o,gap:l,children:n,justifyChildren:s,style:c,alignItems:d})=>i.createElement(j,{className:e,style:Object.assign({"--columns-count":t,"--columns-count-desktop":a,"--grid-template-columns":r,"--grid-template-columns-desktop":o,"--justify-children":s,"--grid-gap":l,"--align-items":d},c)},n),Radio=({size:e="small",label:t,name:a,checked:r,value:o,className:l,isDisabled:n=!1,onChange:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:p})=>{let u=!!d&&!!c&&!!p,g=u?{"data-event-category":c,"data-event-action":d,"data-event-label":p}:{};return i.createElement(v.R,Object.assign({size:"small"===e?"md":"lg",label:t,name:a,checked:r,value:o,className:l,disabled:n,onChange:e=>null==s?void 0:s(e.target.value)},g))},D=c.Z.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;
    }
  }
`,StarHalfIcon=e=>i.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),i.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"}),i.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"})),StarIcon=e=>{var{isFull:t}=e,a=(0,x._)(e,["isFull"]);return i.createElement("svg",Object.assign({},a,{viewBox:"0 0 32 32",fill:"none"}),i.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"}))},RateStars=({gap:e=2,size:t=24,star:a,totalStars:r=5,onSelect:o,hideEmptyStars:l,style:n,className:s})=>{let c=Math.floor(a),d=a-c>=.5?1:0,[p,u]=(0,i.useState)(null),g=p||c,m=p?0:d;return i.createElement(D,{"data-selectable":!!o,style:Object.assign({"--gap":e,"--star-size":t},n),className:s},Array.from({length:l?c+d:r}).map((e,t)=>{let onMouseOver=()=>!!o&&u(t+1),onMouseLeave=()=>!!o&&u(null);return t+1<=g?i.createElement(StarIcon,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,isFull:!0}):t+1===g+m?i.createElement(StarHalfIcon,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:onMouseOver,onMouseLeave:onMouseLeave}):i.createElement(StarIcon,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:onMouseOver,onMouseLeave:onMouseLeave})}))},getTag=(e,t)=>{switch(e){case"yellow":{let e=t?d.r.colors.yellow50:d.r.colors.yellow600;return`
        background: ${e};
        p {
          color: var(
            --text-props-color,
            ${d.r.colors.gray800}
          );
        }
      `}case"standard":return`
      background: ${d.r.colors.white};
      border: 1px solid ${d.r.colors.gray200};
  
      p {
        color: var(
          --text-props-color,
          ${d.r.colors.gray800}
        );
      }
  
      &:hover {
        background: ${d.r.colors.gray100};
      }
      `;case"red":{let e=t?d.r.colors.red50:d.r.colors.red500;return`
         background: ${e};
        `}case"green":{let e=t?d.r.colors.green50:d.r.colors.green500;return`
         background: ${e};
      `}case"blue":{let e=t?d.r.colors.primary50:d.r.colors.primaryBase;return`
         background: ${e};
      `}case"teal":{let e=t?d.r.colors.teal100:d.r.colors.teal600;return`
         background: ${e};
      `}case"pink":{let e=t?d.r.colors.pink200:d.r.colors.pink800;return`
         background: ${e};
      `}case"violet":{let e=t?d.r.colors.violet100:d.r.colors.violet500;return`
          background: ${e};
      `}case"grey":{let e=t?d.r.colors.gray100:d.r.colors.gray600;return`
          background: ${e};
      `}}},T=c.Z.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&&`
    --offset-size: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    position: relative;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
    border-radius: 0 4px 18px 0;
    height: 24px;
    width: 90px;
    border-left: var(--offset-size) solid ${d.r.colors.accentLight};
    padding: 0;
    margin-left: calc(var(--offset-size) * -1);

    p {
      font-weight: ${d.r.sizes.fwBold};
      color: var(
        --text-props-color,
        ${d.r.colors.secondaryDark}
      );
      font-size: 11px;
      margin-left: calc(var(--offset-size) * -1);
    }

    &::after {
      width: calc(var(--offset-size) * 2);
      height: var(--offset-size);
      background: ${d.r.colors.accentMain};
      position: absolute;
      left: calc(var(--offset-size) * -1);
      bottom: calc(var(--offset-size) * -1);
      clip-path: polygon(0 1%, 100% 0%, 100% 100%);
      content: '';
    }
  `}

  ${e=>e.isInline&&`
      display: inline-block;
  `}

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

  p {
    ${e=>e.tagIsLight?`
      color: var(--text-props-color, #000);
      `:`
      color: var(--text-props-color, ${d.r.colors.white});
        `}
  }

  ${e=>getTag(e.tagType,e.tagIsLight)}

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

  ${e=>e.tagIsALink&&`
    cursor: pointer;
  `} 

  &[data-is-selected],
  &:active {
    background: ${d.r.colors.primary50};
  }
`,Tag=({type:e,children:t,style:a,isInline:r,isSquared:o=!1,className:l,isLight:n,hasMorePadding:s,isLink:c,isSelected:d,textProps:p={size:"sm"}})=>{let u=p.color?{"--text-props-color":p.color}:{};return i.createElement(T,{"data-is-squared":o||void 0,"data-tag-type":e,"data-is-light":n||void 0,"data-has-more-padding":s||void 0,"data-is-inline":r||void 0,style:Object.assign(Object.assign({},a),u),className:l,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:e,isInline:r,tagHasMorePadding:s,tagIsLight:n,tagIsSquared:o,tagIsALink:c},i.createElement(b.T,Object.assign({},p),t))},O="24px",P=(0,y.Z)(c.Z.span`
    position: relative;
    display: block;
    width: 40px;
    height: ${O};
    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"),A=c.Z.span`
  padding-left: 15px;
`,R=c.Z.div`
  height: ${O};

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

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

  input:checked + label ${P.classSelector} {
    background: ${d.r.colors.primaryBase};
    &:after {
      left: calc(100% - 2px);
      transform: translateX(-100%);
    }
  }
`,Toggle=({className:e,id:t,onChange:a,checked:r,style:o,label:l})=>i.createElement(R,{className:e,style:o},i.createElement("input",{type:"checkbox",id:t,onChange:a,checked:r}),i.createElement("label",{htmlFor:t},i.createElement(P,null),l&&i.createElement(A,null,l))),_=(0,i.createContext)({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1}),StepRenderer=({children:e,onStepChange:t})=>{let[a,r]=(0,i.useState)(0),[o,l]=(0,i.useState)(0),n=i.Children.count(e);return(0,i.useEffect)(()=>{l(n-1)},[n]),(0,i.useEffect)(()=>{null==t||t(a)},[a]),i.createElement(_.Provider,{value:{currentStep:a,setCurrentStep:r,setMaxStep:l,nextStep:()=>a+1<=o&&r(a+1),prevStep:()=>a-1>=0&&r(a-1)}},(0,w.Z)(e).map((e,t)=>{let r=t===a;return i.createElement(i.Fragment,{key:t},i.isValidElement(e)?e.props.alwaysRender||r?i.cloneElement(e,{isActive:t===a,stepIndex:t}):null:r?e:null)}))},H=c.Z.div`
  display: flex;
  align-items: center;
  gap: 8px;
`,U=(0,c.Z)(E.H)`
  font-weight: var(--fwBold);
`,IconHeading=({icon:e,title:t,className:a,style:r})=>i.createElement(H,{className:a,style:r},e,i.createElement(U,{tag:"h6",color:"var(--secondaryDark)"},t)),sanitizeHtml=e=>{if(!e)return"";let t=e.replace(/\n$/,"").replace(/\n/g,"<br />");return t},HtmlContent=({htmlContent:e,className:t})=>{let a=sanitizeHtml(e);return i.createElement("div",{className:t,dangerouslySetInnerHTML:{__html:a}})};(r=l||(l={})).ONE_TO_ONE="1:1",r.THREE_TO_ONE="3:1",(o=n||(n={})).PNG=".png",o.JPG=".jpg",o.JPEG=".jpeg";let getBase64=e=>new Promise((t,a)=>{let r=new FileReader;r.onload=()=>t(r.result),r.onerror=a,r.readAsDataURL(e)}),handleMultipleImageFiles=e=>(0,x.a)(void 0,void 0,void 0,function*(){if(0===e.length)return[];let t=yield Promise.all(e.map(e=>getBase64(e)));return t}),V=c.Z.div`
  display: flex;
  flex-direction: column;

  .image-upload-input-error {
    margin-top: ${(0,g.h)(12)};
    display: flex;
    flex-direction: column;
    gap: ${(0,g.h)(4)};
  }
`,G=c.Z.div`
  display: flex;
  flex-direction: column;
  gap: ${(0,g.h)(4)};
  margin-top: ${(0,g.h)(4)};

  span {
    color: ${d.r.colors.neutral500};
  }
`,q=c.Z.div`
  position: relative;
  width: fit-content;
  padding: ${(0,g.h)(8)} ${(0,g.h)(12)};
  border-radius: ${(0,g.h)(12)};
  border: ${(0,g.h)(1)} solid ${d.r.colors.neutral200};
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: ${(0,g.h)(8)};
  margin-top: ${(0,g.h)(18)};

  &.image-upload-dragover {
    border-color: ${d.r.colors.primaryBase};
  }

  &.image-upload-error {
    border-color: ${d.r.colors.error};
  }

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

  svg {
    width: ${(0,g.h)(18)};
    height: ${(0,g.h)(18)};
  }

  input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: -1;
  }
`,W=c.Z.div`
  position: relative;
  width: ${(0,g.h)(90)};
  height: ${(0,g.h)(90)};
  border-radius: ${(0,g.h)(12)};
  overflow: hidden;
  background-color: ${d.r.colors.gray100};
  display: flex;
  align-items: center;
  justify-content: center;

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

  svg {
    width: ${(0,g.h)(14)};
    height: ${(0,g.h)(14)};
    color: ${d.r.colors.white};
  }

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

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

  border: 1px solid #e4e8ec;
  background-color: ${e=>e.backgroundColor||i.r.colors.white};
  border-radius: ${e=>e.borderRadius||"50%"};
  & > * {
    width: ${e=>e.iconSize}px;
    height: ${e=>e.iconSize}px;
  }
`,g=l.Z.div`
  display: inline-block;
  height: 108px;
  background-color: ${i.r.colors.white};
  border-radius: 60px;
  cursor: pointer;
  &.selected-week-pill {
    background-color: ${i.r.colors.pink100};
  }

  & > div:first-child {
    margin: 4px 4px 0;
  }

  & > p {
    margin-top: 8px;
    text-align: center;
  }

  & > * {
    pointer-events: none;
  }
`,m=[d.L.Myanmar,d.L.Taiwan],h=(0,l.Z)(e=>{var{icon:t,name:a,className:l,locale:d="en-PH",dataEventCategory:p,dataEventAction:h,dataEventLabel:f,onSelect:v}=e,x=(0,r._)(e,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);let b=(0,o.useMemo)(()=>null==l?void 0:l.includes("selected-week-pill"),[l]);return o.createElement(g,Object.assign({onClick:v,className:l?"week-pill".concat(" non-pointer-event-child ",l):"week-pill non-pointer-event-child","data-event-category":p,"data-event-action":h,"data-event-label":f},x),o.createElement(u,{size:64,iconSize:40,backgroundColor:i.r.colors.white},o.createElement(s.I,{src:t||n.C.getAssetPath("week_default.png"),alt:`week ${a}`})),b?o.createElement(c.T,Object.assign({type:"semiBold",size:"n1",color:i.r.colors.gray800},m.includes(d)&&{style:{fontSize:"10px"}}),a):o.createElement(c.T,Object.assign({size:"n1",color:i.r.colors.gray600},m.includes(d)&&{style:{fontSize:"10px"}}),a))})`
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
`,f=(0,l.Z)(p.f.Slide)`
  cursor: pointer;
  > div * {
    pointer-events: none;
  }
`,v=(0,l.Z)(p.f)`
  .centerred-pill-wrapper {
    padding: 16px 0;
  }
`,PillCarousel=e=>{var{data:t,isMobile:a,onSlideChange:l,pillProps:n,locale:i=d.L.Vietnam,blurFromIndex:s,blurLength:c}=e,p=(0,r._)(e,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);let[u,g]=(0,o.useState)("");return(0,o.useEffect)(()=>{g(window.location.href)},[]),o.createElement(v,Object.assign({},{withControls:!a,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(a?2:4),blurLength:c||(a?1:3),onSlideChange:l},p,{selectSlideWhenClick:!0,previousControlIcon:o.createElement(Arrow,{currentUrl:u}),nextControlIcon:o.createElement(Arrow,{currentUrl:u,isRight:!0})}),e=>t.map((t,a)=>o.createElement(f,Object.assign({key:a,onClick:l,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":u,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":u}},n),o.createElement("div",{className:"centerred-pill-wrapper"},o.createElement(h,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":u,locale:i,name:t.name,icon:t.icon,className:a===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))},Arrow=({isRight:e,currentUrl:t})=>o.createElement("svg",{viewBox:"0 0 15 15",fill:"none",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":t,className:"pointer-event-child-none"},o.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))},DxFD:function(e,t,a){a.d(t,{R:function(){return RadioImageGroup}});var r=a("q1tI"),o=a("iBNF"),l=a("rBCA"),n=a("KLrS"),i=a("VDdh");let s=l.Z.div`
  display: flex;
  width: 100%;

  &[data-direction='vertical'] {
    flex-direction: column;
  }

  &[data-direction='horizontal'] {
    flex-wrap: wrap;
  }
`,c=l.Z.div`
  display: flex;

  padding: 8px;

  border-radius: ${o.r.borderRadius};
  cursor: pointer;

  & > div {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  &[data-is-mb='false'] {
    &[data-selected='true'] {
      border: 1px solid #2d87f3;
      background: white;
    }
    &[data-selected='false'] {
      border: 1px solid #f2f2f2;
      box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);
    }
  }

  &[data-is-mb='true'] {
    border-radius: 16px;
    background: white;
    padding: 16px auto;

    &[data-selected='true'] {
      border: 1px solid ${o.r.mbColors.mint};
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
    }
    &[data-selected='false'] {
      border: none;
    }
  }

  &[data-disabled='true'] {
    cursor: auto;
  }

  .radio-group-item-heading {
    margin-top: 8px;
    //height: 48px;
    text-align: center;
  }

  .gender-image {
    width: 70px;
    height: 70px;
    &[data-is-mobile='true'] {
      width: 40px;
      height: 40px;
    }
  }
`,RadioImageGroup=({value:e,options:t,className:a,direction:l="horizontal",onChange:d,isDisabled:p,siteType:u})=>{let[g,m]=(0,r.useState)(e),handleOnChange=e=>{!p&&(m(e),d&&d(e))},h="marryBaby"===u;return r.createElement(s,{className:a,"data-direction":l},t.map((t,a)=>r.createElement(c,{"data-selected":(e||g)===t.value,"data-is-mb":h,"data-disabled":p,key:a,onClick:()=>{handleOnChange(t.value)}},r.createElement("div",null,t.content,t.label&&r.createElement(r.Fragment,null,h?r.createElement(n.M,{type:"subtitle-2",color:(e||g)===t.value?o.r.mbColors.dark:o.r.mbColors.midGray},t.label):r.createElement(i.T,{type:"bold",color:(e||g)===t.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},t.label))))))}}}]);