"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4072],{"H/xT":function(e,t,r){r.d(t,{T:function(){return TextArea}});var n=r("usZY"),i=r("q1tI"),o=r("0qvZ"),a=r("MQ5V"),l=r("COU7");let TextArea=e=>{var{styles:t}=e,r=(0,n._)(e,["styles"]);let s=(0,l.u)(),{classes:c}=(0,a.u)({variantStyle:s},{name:"MantineTextarea",styles:t});return i.createElement(o.g,Object.assign({classNames:{input:c.input},minRows:2,maxRows:4},r))}},ttiI:function(e,t,r){r.d(t,{P:function(){return Popup}});var n=r("q1tI"),i=r("rBCA"),o=r("pvoY"),a=r("iBNF");let l=i.Z.div`
  position: fixed;
  left: 50%;

  padding: 0 16px 32px;
  background-color: ${a.r.colors.white};
  border-radius: ${a.r.borderRadius};
  box-shadow: 0px 4px 8px ${a.r.colors.gray200};
  transform: translate(-50%, -50%);
  transition: all 0.5s ease-in-out;
  visibility: hidden;

  &[data-open='true'] {
    z-index: 400;
    top: 50%;
    opacity: 1;
    visibility: visible;
  }

  &[data-open='false'] {
    top: -50%;
  }

  &[data-type='lead'] {
    width: 332px;
    height: 460px;

    div {
      top: -15px;
      right: -15px;
    }
  }

  &[data-type='form'] {
    width: 496px;
    height: 548px;
    ${o.M.mbDown} {
      width: 340px;
    }
  }

  &[data-type='confirm'] {
    ${o.M.mbDown} {
      width: calc(100% - 32px);
    }
    ${o.M.mbUp} {
      width: 100%;
      max-width: 407px;
    }
  }

  .popup-content {
    position: relative;
    z-index: 111;
    height: 100%;
    padding: 16px;
  }

  .close-button {
    position: absolute;
    top: 16px;
    right: 0;
    cursor: pointer;

    img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
    }
  }
`,s=i.Z.div`
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  background: rgba(38, 38, 38, 0.3);

  &[data-open='false'] {
    display: none;
  }
`,Popup=({type:e="lead",closeIcon:t,isOpen:r=!0,onClose:i,children:o,className:a="",enableAnimation:c=!0,disableClickOutside:p=!1})=>n.createElement(n.Fragment,null,n.createElement(l,{"data-open":r,"data-type":e,"data-animation":c},n.createElement("div",{className:`${a||""} popup-content`},!!t&&n.createElement("div",{className:"close-button",onClick:i},t),o)),n.createElement(s,{"data-open":r,onClick:()=>{p||i()}}))},ipFv:function(e,t,r){r.d(t,{C:function(){return l}});var n=r("xrdX"),i=r("GOBr"),o=r("yNk5");let isNumeric=e=>!isNaN(parseFloat(e))&&isFinite(e),a="hellosehat.com",l=new class{constructor(){this.baseDomain="",this.subPath="",this.getAssetPath=(e,t,r)=>{let n="https://hhg-common."+[t||this.getBaseDomain(),r||this.subPath,e].join("/");return i.y||o.env.JEST_WORKER_ID?n:n+"?v="+Math.floor(new Date().getTime()/1e3/60/3)}}getBaseDomain(){if(this.baseDomain)return this.baseDomain;if("undefined"!=typeof window){let{host:e}=window.location,t=e.split("."),r=n.v[Object.keys(n.v).find(t=>e.includes(n.v[t]))];return t.includes("localhost")||t.includes("hellohealthgroup")||t.every(e=>isNumeric(e))||!r?a:r}return a}};l.subPath="common",l.baseDomain=n.v["vi-VN"]},"+wZN":function(e,t,r){r.d(t,{A:function(){return ArrowRightBlue},C:function(){return Clinic},D:function(){return DoctorExpertiseItem},I:function(){return InsuranceList},P:function(){return PaymentList},a:function(){return DoctorInfoExpertise}});var n=r("q1tI"),i=r("rBCA"),o=r("iBNF"),a=r("vk9b"),l=r("xXM3"),s=r.n(l),c=r("D0kt"),p=r("srUE");let ArrowRightBlue=e=>n.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 6 10",fill:"none"},e),n.createElement("path",{d:"M1 9L5 5L1 1",stroke:"#2D87F3",strokeWidth:1.75,strokeLinecap:"round",strokeLinejoin:"round"})),Clinic=e=>n.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none"},e),n.createElement("path",{d:"M4.89646 16.9996H2.96549C2.43225 16.9996 2 16.5674 2 16.0341V12.6549C2 12.1217 2.43225 11.6895 2.96549 11.6895H4.89646",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M15.0342 11.6895H16.9652C17.4984 11.6895 17.9306 12.1217 17.9306 12.6549V16.0341C17.9306 16.5674 17.4984 16.9996 16.9652 16.9996H15.0342",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M5.86197 3H14.0686C14.6015 3 15.0341 3.43263 15.0341 3.96549V16.9995H4.89648V3.96549C4.89648 3.43263 5.32912 3 5.86197 3Z",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M11.172 13.6206H8.7583V16.9998H11.172V13.6206Z",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M9.96533 9.99996V5.65527",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M12.1377 7.82764H7.79297",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"})),d=i.Z.ul`
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  list-style: none;
`,h=i.Z.li`
  p {
    margin-top: 8px;
    text-align: center;
  }

  .insuranceLogo {
    display: grid;
    height: 58px;
    border: 1px solid ${o.r.colors.neutral200};
    border-radius: 6px;
    place-content: center;

    > img {
      width: 93px;
      height: 43px;
      object-fit: contain;
    }
  }
`,InsuranceList=({insurances:e,className:t,isName:r=!0})=>e.length?n.createElement(d,{id:"insurance-list",className:t},e.map(e=>n.createElement(h,{className:"insuranceItem",key:e.id},n.createElement("div",{className:"insuranceLogo"},n.createElement("img",{src:e.logo,alt:e.name||"insurance-logo"})),r&&n.createElement(a.T,{size:"base",color:o.r.colors.gray500,type:"bold"},e.name)))):null,u=i.Z.div`
  display: flex;
  flex-wrap: wrap;
  gap: 7px;

  &.paymentList {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    justify-content: center;
  }
`,g=i.Z.div`
  border: 1px solid ${o.r.colors.neutral100};
  border-radius: 12px;
  width: 80px;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;

  &.payment-item-mobile {
    width: 100%;
  }

  .logo {
    position: relative;
    width: 55px;
    aspect-ratio: 55 / 32;
    object-fit: contain;
  }

  .txt-caption-1 {
    font-size: 0.6875rem;
    line-height: 1rem;
    color: ${o.r.colors.gray800};
  }
`,PaymentList=({payments:e,className:t,isName:r=!0,isMobile:i=!1})=>e.length?n.createElement(u,{id:"payment-container",className:s()(t,{paymentList:i&&e.length>=4})},e.map(t=>n.createElement(g,{className:s()("payment-item",{"payment-item-mobile":i&&e.length>=4}),key:t.id},n.createElement(c.I,{className:"logo",src:t.logo,alt:t.name}),r&&n.createElement("div",{className:"txt-caption-1"},t.name)))):null,m=i.Z.div`
  display: flex;
  gap: 8px;

  .icon {
    width: 1.25rem;
    height: 1.25rem;
    color: ${o.r.colors.gray400};
    flex-shrink: 0;
  }

  .doctor-info-item-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
`;(0,i.Z)(Clinic)`
  width: 1.25rem;
  height: 1.25rem;
`;let x=i.Z.div`
  display: flex;
  flex-direction: column;
  gap: 4px;
`,DoctorExpertiseItem=e=>{let{doctorInfo:t,Icon:r,title:i}=e;return n.createElement(m,null,n.createElement(r,{className:"icon"}),n.createElement(x,null,n.createElement(p.T,{size:"p3",weight:"semiBold",color:"#111111"},i),n.createElement("div",{className:"doctor-info-item-content"},(Array.isArray(t)?t:[t]).map(e=>n.createElement(p.T,{size:"p3",weight:"regular",key:e},e)))))},b=i.Z.div`
  display: flex;
  padding: 1rem;
  width: 100%;
  justify-content: space-between;
`,v=i.Z.div`
  display: flex;
  flex-direction: column;
  gap: 2px;
`,DoctorInfoExpertise=e=>{let{name:t,specialty:r,experience:i,profileImage:o}=e;return n.createElement(b,null,n.createElement(v,null,n.createElement(p.T,{size:"title2",weight:"semiBold",color:"#111111"},t),n.createElement("div",null,r&&n.createElement(p.T,{size:"c1",weight:"regular"},r),i&&n.createElement(p.T,{size:"c1",weight:"regular"},i))),n.createElement(c.I,{src:o,alt:t,style:{width:"4.5rem",height:"4.5rem",borderRadius:"50%",objectFit:"cover",flexShrink:0}}))}},hVVU:function(e,t,r){r.d(t,{L:function(){return Loading}});var n=r("q1tI"),i=r("d53r"),o=r("FQi+"),a=r("AeFk"),l=r("rBCA"),s=r("iBNF");let c=l.Z.div`
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  button {
    position: relative;
  }
`,p=a.F4`
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
`;l.Z.div`
  display: flex;
  width: fit-content;
  width: -moz-fit-content;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  background: white;
  border-radius: ${s.r.borderRadius};
  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
    -2px 2px 5px rgba(67, 86, 100, 0.123689);
  .loading-spinner {
    width: 24px;
    height: 24px;
    margin-bottom: 0.5rem;
    animation: ${p} 1.2s linear infinite;
  }
  &[data-is-marrybaby='true'] {
    box-shadow: none;
  }
`;let Loading=({className:e,size:t="md"})=>{let{t:r}=(0,o.u)();return n.createElement(c,{className:e},n.createElement(i.B,{size:t,color:"transparent",isLoading:!0},r("loading")))}},eas8:function(e,t,r){r.d(t,{A:function(){return AddressInput}});var n=r("usZY"),i=r("q1tI"),o=r("OAL+"),a=r("aDCK"),l=r("MQ5V"),s=r("EoE9"),c=r("FQi+"),p=r("Dyd6"),d=r("e6f9"),h=r("yNk5");let generateGetAddressDetail=e=>`${s.g}/cities-data-${p.M[e]}.json`,u={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},reducer=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},mappingProvinceId=(e,t)=>{let r={};for(let[,e]of Object.entries(t)){let{id:t}=e;t&&(r[t]=e)}let n={};return e.map(e=>{n[e.name]=r[e.id]}),n},useAddress=({provinces:e})=>{let[t,r]=(0,i.useReducer)(reducer,u),{provinceByName:o,provinces:a,districts:l,wards:s,selectedProvince:c,selectedDistrict:p,selectedWard:g}=t,[m,x]=(0,i.useState)();return(0,i.useEffect)(()=>{(0,n.a)(void 0,void 0,void 0,function*(){var t,n,i;try{let o=yield fetch(generateGetAddressDetail(h.env.UNIFY_LOCALE||d.L.Vietnam)).then(e=>e.json());x(o);let{list:a}=o,l=e?mappingProvinceId(e,a):a,s=Object.keys(l),c=Object.keys((null===(t=a[s[0]])||void 0===t?void 0:t.list)||{}),p=Object.keys((null===(i=null===(n=a[s[0]])||void 0===n?void 0:n[c[0]])||void 0===i?void 0:i.list)||{});r({type:"SET_DATA",payload:{provinceByName:l,provinces:s,districts:c,wards:p}})}catch(e){console.error("Error fetching address data:",e)}})},[h.env.UNIFY_LOCALE]),{provinces:a,districts:l,wards:s,selectedProvince:c,selectedDistrict:p,selectedWard:g,handleProvinceChange:e=>{var t;let n=Object.keys((null===(t=o[e])||void 0===t?void 0:t.list)||{});r({type:"SET_DISTRICTS",payload:n}),r({type:"SET_WARDS",payload:[]}),r({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,n;let i=Object.keys((null===(n=null===(t=o[c])||void 0===t?void 0:t.list[e])||void 0===n?void 0:n.list)||{});r({type:"SET_WARDS",payload:i}),r({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{r({type:"SELECT_WARD",payload:e})}}},AddressInput=e=>{var{error:t,provinces:r,placeholder:s}=e,p=(0,n._)(e,["error","provinces","placeholder"]);let{t:d}=(0,c.u)(),{provinces:h,districts:u,wards:g,selectedProvince:m,selectedDistrict:x,selectedWard:b,handleProvinceChange:v,handleDistrictChange:f,handleWardChange:y}=useAddress({provinces:r}),[w,k]=(0,i.useState)("");return(0,i.useEffect)(()=>{m&&x&&b&&w?p.onChange({selectedProvince:m,selectedDistrict:x,selectedWard:b,extraInfo:w}):p.onChange(null)},[m,x,b,w]),i.createElement(l.I.Wrapper,Object.assign({withAsterisk:!0},p),i.createElement(o.K,null,i.createElement(l.S,{placeholder:(null==s?void 0:s.province)||d("onboarding.similac.input.city"),data:r?h:h.sort(),searchable:!0,onChange:v,value:m}),i.createElement(l.S,{placeholder:(null==s?void 0:s.district)||d("onboarding.similac.input.district"),data:u.sort(),searchable:!0,onChange:f,value:x,disabled:!m}),i.createElement(l.S,{placeholder:(null==s?void 0:s.ward)||d("onboarding.similac.input.ward"),searchable:!0,data:g.sort(),value:b,onChange:y,disabled:!m||!x}),i.createElement(l.I,{placeholder:(null==s?void 0:s.address)||d("onboarding.similac.input.no"),disabled:!m||!x||!b,value:w,onChange:k,style:{marginBottom:0}})),i.createElement(a.I.Error,{size:"md"},t))}},"+vVN":function(e,t,r){r.d(t,{C:function(){return ChoiceField},T:function(){return TextField},i:function(){return I},u:function(){return g}});var n=r("/npG"),i=r("iuhU"),o=r("Eso5"),a=r("8vDj"),l=r("COU7"),s=r("usZY"),c=r("q1tI"),p=r("ChHM"),d=r("AeFk"),h=r("rBCA"),u=r("iBNF"),g=(0,n.k)(e=>(0,l.G)(e)[l.C.LEADGEN]);let m=(0,c.createContext)({}),x=d.iv`
  height: 100% !important;
  min-height: calc(var(--container-height, 56px) * 24 / 56);
  line-height: calc(var(--container-height, 56px) * 24 / 56);
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0;
  cursor: pointer;
  /* opacity: 0; */

  ::placeholder {
    color: ${u.r.colors.gray400};
  }
`,b=d.iv`
  height: auto !important;
  cursor: text;
  opacity: 1;
  transition: 0.1s ease-in-out all;
`,v=d.iv`
  position: absolute;
  top: calc(var(--container-height) / 2);
  left: var(--space-x, 16px);
  margin: 0;
  z-index: 1;
  cursor: pointer;
  transform: translateY(-50%);
  transition: 0.125s ease-in all;

  right: 0; // auto grow width
`,f=d.iv`
  top: var(--space-y-shrink, 6px);
  transform: translateY(0);
  transition: 0.125s ease-out all;
  right: 0; // auto grow width
`,y=d.iv`
  min-height: var(--container-height, 56px);
  display: flex;
  align-items: flex-end;
  border: 1px solid ${u.r.colors.gray200};
  border-radius: 8px;
  background-color: #fff;
  padding-inline: var(--space-x, 16px);
  padding-block: var(--space-y-not-shrink, 16px);
  cursor: pointer;
  pointer-events: none;

  &:has(.mantine-Input-rightSection) {
    padding-right: var(--container-height, 56px);
  }

  .mantine-Input-icon {
    display: none;
  }

  .mantine-NumberInput-control {
    border-color: ${u.r.colors.gray200};
  }
`,w=d.iv`
  height: auto;
  min-height: var(--container-height, 56px);
  padding-block: var(--space-y-shrink, 6px);
  cursor: text;
  pointer-events: auto;
`,k=d.iv`
  color: ${u.r.colors.red800};
  font-size: 12px;
  line-height: 1.5;
`,E=h.Z.div`
  --space-x: 16px;
  --space-y-not-shrink: 15px;
  --space-y-shrink: 6px;
  --container-height: 56px;
  --label-not-shrink: 16px;
  --label-shrink: 12px;
  --input: 15px;

  position: relative;
  min-width: 100px;
  max-width: 100%;
  display: inline-block;

  .textField_wrapper {
    display: inline-block;
    width: 100%;
    cursor: pointer;
  }

  .mantine-InputWrapper-root {
    &[data-invalid='true'] {
      .mantine-Input-wrapper {
        border-color: ${u.r.colors.red400};
      }
    }

    .mantine-Input-wrapper {
      &:has([data-invalid]) {
        border-color: ${u.r.colors.red400};
      }
    }
  }

  .mantine-InputWrapper-label {
    ${v}
  }

  .mantine-Input-wrapper {
    ${y}

    + .mantine-Popover-dropdown[data-position="bottom-start"] {
      left: 0 !important;
    }
    + .mantine-Popover-dropdown[data-position='top-start'] {
      top: unset !important;
      left: 0 !important;
      bottom: 100% !important;
    }
  }

  .mantine-Input-input {
    ${x}
  }

  &.textField_shrink {
    .mantine-InputWrapper-label {
      ${f}
    }

    .mantine-Input-wrapper {
      ${w}
      &.mantine-Select-wrapper {
        .mantine-Select-rightSection {
          pointer-events: auto !important;
        }
      }
    }

    .mantine-Input-input {
      ${b}
    }

    &:has(.PhoneInput) {
      .mantine-InputWrapper-label {
        left: var(--space-x, 16px);
      }
      .PhoneInput {
        .PhoneInputInput {
          opacity: 1;
        }
      }
    }
  }

  &:focus-within {
    .mantine-Input-wrapper {
      transition: 0.25s linear border;
      border-color: ${u.r.colors.primary600};
      box-shadow: 0 0 4px ${u.r.colors.primary200};
    }
  }

  .PhoneInput {
    --phone-select: 75px;
    --phone-input-space-x: 8px;
    width: 100%;
    opacity: 1;
    border: none;
    .PhoneInputCountry {
      background-color: transparent;
      border: none;
      padding: 0;
      width: var(--phone-select, 75px);
    }
    .PhoneInputInput {
      flex: 1;
      min-width: 0;
      line-height: 1.5;
      outline: none !important;
      border: none;
      box-shadow: none;
      font-size: var(--input, 15px);
      padding: 0 var(--phone-input-space-x, 8px);
      /* opacity: 0; */
      color: ${u.r.colors.gray800} !important;
      :focus {
        color: ${u.r.colors.gray800} !important;
      }
    }
  }

  &:has(.PhoneInput) {
    .mantine-InputWrapper-label {
      left: calc(
        var(--space-x, 16px) + var(--phone-select, 75px) +
          var(--phone-input-space-x, 8px)
      );
    }
  }

  .icon {
    position: absolute;
    top: calc(var(--container-height) / 2);
    right: var(--space-x, 16px);
    transform: translateY(-50%);
    transition: 0.125s ease-in all;
    &.shrink {
      top: calc(var(--container-height) / 2 - 4px);
      transform: translateY(0);
    }
  }
`,C=h.Z.div`
  &.leadgen-form_checkbox,
  &.leadgen-form_radio {
    width: 100%;
  }

  &.leadgen-form_dropdown {
    width: calc(50% - 12px);
  }

  .mantine-InputWrapper-root {
    display: block;
  }

  .mantine-InputWrapper-label {
    margin-bottom: 0.5rem;
    color: ${u.r.colors.gray800};
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
  }

  .mantine-Radio-root,
  .mantine-Checkbox-root {
    gap: 8px;
    min-width: calc(50% - 4px);

    // input[type='radio'],
    // input[type='checkbox'] {
    //   border-color: ${u.r.colors.gray600};
    //   width: 18px;
    //   height: 18px;
    // }
    // input[type='checkbox'] {
    //   border-radius: 4px;
    // }

    // &[data-checked='true'] {
    //   input[type='radio'],
    //   input[type='checkbox'] {
    //     border-color: ${u.r.colors.primary600};
    //   }

    //   input[type='radio'] {
    //     background-color: white;
    //   }
    // }

    .mantine-Checkbox-input {
      &:checked {
        border-color: ${u.r.colors.primary600};
      }
    }
  }

  .leadgen-choiceContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
  }

  .mantine-InputWrapper-error {
    ${k}
  }
`;h.Z.div`
  position: absolute;
  top: calc(var(--container-height) / 2);
  right: var(--space-x, 16px);
`;let TextField=e=>{let{shrink:t,onChangeShrink:r,children:n,className:o}=e,a=(0,s._)(e,["shrink","onChangeShrink","children","className"]),[l,p]=(0,c.useState)(t),[d,h]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{p(t)},[t]),c.createElement(m.Provider,Object.assign({value:{shrinkProps:t,shrink:l,setShrink:p,onChangeShrink:r,hasIcon:d,setHasIcon:h}},a),c.createElement(E,Object.assign({shrink:l,className:(0,i.default)(o,"textField",{textField_shrink:!!l})},a),n))},TextFieldControl=e=>{let{shrink:t,shrinkProps:r,onChangeShrink:n,setShrink:i,hasIcon:a}=(0,c.useContext)(m),{children:l,htmlFor:s}=e,d=(0,p.O)(()=>{r||(i(!1),null==n||n(!1))}),focusInput=e=>{setTimeout(()=>{let t=e.querySelectorAll('input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])'),r=t.item(t.length-1);r&&r.focus({preventScroll:!0})},150)},h=(0,c.useCallback)(e=>{if(t){focusInput(e.currentTarget);return}i(!0),null==n||n(!0),focusInput(e.currentTarget)},[t]);return(0,c.useEffect)(()=>{i(r)},[r]),c.createElement(o.x,{ref:d,onClick:h,className:"textField_wrapper",component:s?"label":"div",htmlFor:s},"function"==typeof l?l({shrink:!!t,hasIcon:a}):l)},TextFieldIcon=({Icon:e})=>{let{shrink:t,setHasIcon:r}=(0,c.useContext)(m),n=(0,a.rZ)();return(0,c.useEffect)(()=>{e&&r(!0)},[]),e?c.createElement(e,{className:`icon ${t?"shrink":""}`,shrink:t,size:24,color:n.colors.gray[9]}):null};TextField.Control=TextFieldControl,TextField.Icon=TextFieldIcon;let ChoiceField=e=>{let{children:t,className:r}=e,n=(0,s._)(e,["children","className"]);return c.createElement(C,Object.assign({className:(0,i.default)(r,"choiceField")},n),t)};var I=Object.freeze({__proto__:null,TextField:TextField,TextFieldControl:TextFieldControl,TextFieldIcon:TextFieldIcon,ChoiceField:ChoiceField})},gFfe:function(e,t,r){r.d(t,{u:function(){return n}});var n=(0,r("/npG").k)(e=>({root:{},inner:{},content:{borderRadius:16},header:{borderBottom:`1px solid ${e.colors.neutral[1]}`,marginRight:0,marginBottom:0,padding:"12px"},overlay:{},title:{fontSize:16,fontWeight:700,lineHeight:1.5},body:{},close:{cursor:"pointer",width:"unset",height:"unset",svg:{width:"24px !important",height:"24px !important"}}}))},gvbb:function(e,t,r){r.d(t,{L:function(){return LabelSorting}});var n,i,o=r("q1tI"),a=r("srUE"),l=r("XAIn"),s=r("I8Ab");(n=i||(i={})).latest="latest",n.oldest="oldest",n.popular="popular";let LabelSorting=({onChange:e,className:t,style:r,leftLabel:n,rightLabel:i,color:c,value:p,choices:d})=>{let{data:{env:{isMarryBaby:h}}}=(0,o.useContext)(l.T);return o.createElement(s.L,{label:n,rightLabel:o.createElement(s.b,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:d.map(t=>({label:t.label,onClick:()=>e&&e(String(t.value)),selected:t.value===p,className:"bold-item"}))},toggleButtonContent:o.createElement("div",{style:{display:"flex"}},o.createElement(a.T,{style:{display:"flex",alignItems:"center",fontWeight:"normal",marginRight:12},size:"p4"},i),o.createElement("img",{src:h?"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%233E3F58' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m8 14 4 4 4-4M16 10l-4-4-4 4'/%3e%3c/svg%3e":"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%238C8C8C' d='M4.5 7h7a.46.46 0 0 0 .351-.165.56.56 0 0 0 .149-.39q0-.226-.149-.391l-3.5-3.89a.458.458 0 0 0-.703 0l-3.5 3.89a.56.56 0 0 0-.148.39q0 .226.148.391Q4.298 7 4.5 7M11.5 9h-7a.46.46 0 0 0-.352.165.56.56 0 0 0-.148.39q0 .226.148.391l3.5 3.889a.46.46 0 0 0 .703 0l3.5-3.889a.56.56 0 0 0 .149-.39q0-.226-.149-.391A.46.46 0 0 0 11.5 9'/%3e%3c/svg%3e",style:{width:16,height:16,alignSelf:"center"},loading:"lazy"}))}),color:"gray",className:t,style:r})}},"ctB+":function(e,t,r){r.d(t,{c:function(){return convertLocalizedStringToNumber},f:function(){return formatPhoneNumber},l:function(){return localizeNumberFormat}});var n=r("A9bs");let localizeNumberFormat=(e,t,r=2)=>Intl.NumberFormat(void 0,{maximumFractionDigits:r}).format(e),convertLocalizedStringToNumber=e=>Number(e.replace(/,/gi,".")),formatPhoneNumber=e=>{try{let t=(0,n.parsePhoneNumber)(e,"VN");if(!(null==t?void 0:t.number))throw Error("Invalid number");return(0,n.formatPhoneNumber)(t.number)}catch(t){return console.log("\uD83D\uDE80 ~ formatPhoneNumber ~ error:",t),e}}},BEsg:function(e,t,r){r.d(t,{L:function(){return a}});var n=r("q1tI"),i=r("ipFv"),o=r("D0kt");let a=(0,n.memo)(({type:e,width:t,height:r,isLight:a})=>{let l=(0,n.useMemo)(()=>{switch(e){case"hellobacsi":return{width:t||"107px",height:r||"24px",src:i.C.getAssetPath("logo/hellobacsi.png"),srcLight:i.C.getAssetPath("logo/hellobacsi-light.png")};case"hellodoktor":return{width:t||"127px",height:r||"24px",src:i.C.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:t||"121px",height:r||"27px",src:i.C.getAssetPath("logo/hellosehat.png")};case"hellojiankang":return{width:t||"87px",height:r||"24px",src:i.C.getAssetPath("logo/hellojiankang.png")};case"hellohealth":return{width:t||"123px",height:r||"24px",src:i.C.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:t||"150px",height:r||"24px",src:i.C.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:t||"99px",height:r||"24px",src:i.C.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:t||"127px",height:r||"24px",src:i.C.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:t||"101px",height:r||"24px",src:i.C.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:t||"111px",height:r||"24px",src:i.C.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:t||"89px",height:r||"24px",src:i.C.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:t||"123px",height:r||"24px",src:i.C.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:t||"105px",height:r||"24px",src:i.C.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:t||"60px",height:r||"57px",src:i.C.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:t||"145px",height:r||"28px",src:i.C.getAssetPath("logo/marrybaby.png")};default:return null}},[e,t,r]),{src:s,width:c,height:p,srcLight:d}=l||{};return n.createElement(o.I,{alt:`${e} logo`,className:"main-logo-icon",src:a&&d||s,style:{width:c,height:p}})})}}]);