"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5464],{QAkY:function(e,t,a){a.d(t,{A:function(){return Avatar},B:function(){return Breadcrumbs},C:function(){return CaretDown},D:function(){return eh},E:function(){return ErrorIcon},F:function(){return Flag},I:function(){return eO},N:function(){return NumberInput},O:function(){return e$},P:function(){return eA},R:function(){return Radio},S:function(){return en},a:function(){return Carousel},b:function(){return Anchor},c:function(){return AspectRatio},d:function(){return Checkbox},e:function(){return ErrorLabel},f:function(){return CentralCarousel},g:function(){return ChipButton},h:function(){return ErrorBoundary},i:function(){return eb},j:function(){return eZ},k:function(){return eR},l:function(){return Accordion},m:function(){return em},o:function(){return Popover},s:function(){return eB},u:function(){return ec}});var n=a("otAR"),l=a("q1tI"),r=a("h84G"),i=a("/npG"),o=a("mYVa"),c=a("F9pO"),s=a("gHhT"),d=a("gxre"),p=a("CmzK"),u=a("RZSM"),h=a("8vDj"),m=a("Eso5"),g=a("eRSo"),f=a("bpvy"),b=a("jUTz"),y=a("QJsO"),E=a("nVa/"),v=a("9Igr"),C=a("HXNK"),x=a("5LCj"),w=a("SPK5"),L=a("iuhU"),S=a("J8Dw"),k=a("aDCK"),I=a("L0nm"),O=a("nI05"),j=a("0Tuv"),M=a("LES+"),R=a("9n+W"),Z=a("1z9F"),F=a("GjY/"),$=a("ChHM"),T=a("jD9D"),P=a("xjta"),B=a("Iblh"),A=a("38FU"),z=a("1WmY"),V=a("c1cU"),N=a("rBCA"),D=a("Zdfy"),H=a("V50O"),q=a("HvYN"),_=a("iBNF"),K=a("yeZw"),W=a("xXM3"),G=a.n(W),U=a("+PHJ"),Y=a("CQmf"),Q=a("tiWT"),J=a("AeFk"),X=a("QoN1"),ee=a("vWP/"),et=a("2Qp+"),ea=(0,i.k)((e,{variantStyle:t})=>{let a=t===z.C.LEADGEN,n={fontSize:(0,o.h)(15),lineHeight:(0,o.h)(24),letterSpacing:"-0.3px"};return{input:Object.assign({padding:"12px 16px",background:"#ffffff",border:`1px solid ${e.colors.gray[2]}`,borderRadius:4},a&&Object.assign(Object.assign({borderRadius:8},n),{color:"#111111","&::placeholder":Object.assign(Object.assign({},n),{fontSize:(0,o.h)(13),lineHeight:(0,o.h)(20),letterSpacing:"-0.3px",color:e.colors.gray[4]})}))}});let en=(0,l.forwardRef)((e,t)=>{var{keepSearch:a=!1}=e,r=(0,n.a)(e,["keepSearch"]);return a?l.createElement(el,Object.assign({},r,{ref:t})):l.createElement(er,Object.assign({},r,{ref:t}))}),el=(0,l.forwardRef)((e,t)=>{var{value:a,defaultValue:r,onChange:i,clearable:o}=e,p=(0,n.a)(e,["value","defaultValue","onChange","clearable"]);let[u,h]=(0,Z.C)({value:a,defaultValue:r,onChange:i});return l.createElement(c.F,Object.assign({ref:t,rightSection:l.createElement(s.E,{src:A.C.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300,onChange:e=>h(e),value:u},p,o&&(null==u?void 0:u.length)>0?{rightSection:l.createElement(d.A,{onClick:()=>{h("")},sx:{cursor:"pointer"}},l.createElement(_IconSelect,null))}:{}))}),er=(0,l.forwardRef)((e,t)=>{var{searchValue:a,onSearchChange:i,styles:o}=e,c=(0,n.a)(e,["searchValue","onSearchChange","styles"]);let s=(0,z.u)(),{classes:u}=ea({variantStyle:s},{name:"MantineSelect",styles:o}),[h,m]=(0,Z.C)({defaultValue:"",value:a,onChange:i});return l.createElement(p.Ph,Object.assign({classNames:{input:u.input},ref:t,rightSection:l.createElement(r.Z,{size:18}),rightSectionProps:{style:{pointerEvents:"none"}},size:"md",maxDropdownHeight:300,onSearchChange:e=>m(e),searchValue:h},c,c.clearable&&(null==h?void 0:h.length)>0?{rightSection:l.createElement(d.A,{onClick:()=>{m("")},sx:{cursor:"pointer"}},l.createElement(_IconSelect,null))}:{}))}),_IconSelect=()=>l.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.6665 9.99996C1.6665 5.39163 5.3915 1.66663 9.99984 1.66663C14.6082 1.66663 18.3332 5.39163 18.3332 9.99996C18.3332 14.6083 14.6082 18.3333 9.99984 18.3333C5.3915 18.3333 1.6665 14.6083 1.6665 9.99996ZM12.4083 13.5831C12.7333 13.9081 13.2583 13.9081 13.5833 13.5831C13.9 13.2581 13.9 12.7247 13.5833 12.4081L11.175 9.99973L13.5833 7.5914C13.9083 7.2664 13.9083 6.7414 13.5833 6.4164C13.2583 6.0914 12.7333 6.0914 12.4083 6.4164L10 8.82473L7.59167 6.4164C7.26667 6.0914 6.74167 6.0914 6.41667 6.4164C6.26063 6.57209 6.17293 6.78347 6.17293 7.0039C6.17293 7.22433 6.26063 7.43571 6.41667 7.5914L8.825 9.99973L6.41667 12.4081C6.26063 12.5638 6.17293 12.7751 6.17293 12.9956C6.17293 13.216 6.26063 13.4274 6.41667 13.5831C6.74167 13.9081 7.26667 13.9081 7.59167 13.5831L10 11.1747L12.4083 13.5831Z",fill:"#8C8C8C"}));let ErrorBoundary=class ErrorBoundary extends l.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){console.error("Uncaught error:",e,t)}render(){return this.state.hasError?this.props.fallback||l.createElement(l.Fragment,null):this.props.children}};let Carousel=e=>{var{slidesToShow:t=1,children:a}=e,r=(0,n.a)(e,["slidesToShow","children"]);let i=Array.isArray(a)?a.length:1;return i?l.createElement(ErrorBoundary,null,l.createElement(D.l,Object.assign({slideSize:String(Math.floor(1/t*1e4)/100)+"%",containScroll:"trimSnaps"},r),a)):null};Carousel.Slide=D.l.Slide;let ei=(0,N.Z)(Carousel)`
  cursor: grab;
  width: 100%;
  .mantine-Carousel-control {
    background: rgb(255, 255, 255);
    opacity: 1;
    border: none;
    border-radius: 0;
    box-shadow: none;
    &[data-inactive] {
      opacity: 0;
      cursor: default;
    }
    &:first-child {
      padding-right: 24px;
      background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 0) 100%
      );
    }
    &:last-child {
      padding-left: 24px;
      background: linear-gradient(
        270deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 0) 100%
      );
    }
  }

  .mantine-Carousel-container {
    align-items: center;
  }
`;var eo=(0,i.k)((e,t)=>({root:{color:t.color||("hb"===e.primaryColor?e.colors.hb[6]:e.fn.primaryColor())}}));let Anchor=e=>{var{color:t,styles:a,className:r}=e,i=(0,n.a)(e,["color","styles","className"]);let{classes:o,cx:c}=eo({color:t},{name:"Anchor",styles:a});return l.createElement(H.T,Object.assign({as:"a",className:c(o.root,r)},i))},BreadcrumbItem=e=>{var{children:t}=e,a=(0,n.a)(e,["children"]);return l.createElement(Anchor,Object.assign({size:"p4",color:"gray.8"},a),t)},AspectRatio=e=>l.createElement(u.o,Object.assign({sx:{borderRadius:4,overflow:"hidden","> img":{objectFit:"contain"}}},e)),Breadcrumbs=e=>{var t,{children:a,showHomeIcon:r=!0,homeIconHref:i="/"}=e,o=(0,n.a)(e,["children","showHomeIcon","homeIconHref"]);let c=(0,h.rZ)(),s=(null===(t=null==c?void 0:c.other)||void 0===t?void 0:t.template)==="mb",[d,p]=(0,l.useState)(null),{isMobile:u}=(0,V.u)(),[,f]=(0,l.useState)(!0),b=(0,l.useCallback)(()=>{f(!1)},[]),y=(0,l.useCallback)(()=>{setTimeout(()=>{f(!0)},1e3)},[]);return(0,l.useEffect)(()=>(d&&(d.on("scroll",b),d.on("pointerUp",y)),()=>{d&&(d.off("scroll",b),d.on("pointerUp",y))}),[d,b,y]),l.createElement(ei,Object.assign({align:"center",slideGap:"xs",dragFree:!0,draggable:u,slideSize:"0",getEmblaApi:p,controlsOffset:-52,previousControlIcon:l.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},l.createElement("path",{d:"M6.86589 3.56104C7.03647 3.56104 7.20724 3.62732 7.33724 3.75765L7.39453 3.81494C7.6552 4.07561 7.6552 4.49765 7.39453 4.75765L4.81901 7.33317L13.5326 7.33317C13.9006 7.33317 14.1992 7.63184 14.1992 7.99984C14.1992 8.36784 13.9006 8.6665 13.5326 8.6665L4.81901 8.66651L7.39453 11.242C7.6552 11.5027 7.6552 11.9247 7.39453 12.1847L7.33724 12.242C7.07657 12.5027 6.65453 12.5027 6.39453 12.242L2.6237 8.47119C2.36303 8.21053 2.36303 7.78849 2.6237 7.52849L6.39453 3.75765C6.52487 3.62732 6.6953 3.56104 6.86589 3.56104Z",fill:"#595959"})),nextControlIcon:l.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},l.createElement("path",{d:"M9.13411 12.439C8.96353 12.439 8.79276 12.3727 8.66276 12.2423L8.60547 12.1851C8.3448 11.9244 8.3448 11.5023 8.60547 11.2423L11.181 8.66683L2.46745 8.66683C2.09945 8.66683 1.80078 8.36816 1.80078 8.00016C1.80078 7.63216 2.09945 7.3335 2.46745 7.3335L11.181 7.3335L8.60547 4.75797C8.3448 4.49731 8.3448 4.07527 8.60547 3.81527L8.66276 3.75797C8.92343 3.49731 9.34547 3.49731 9.60547 3.75797L13.3763 7.52881C13.637 7.78947 13.637 8.21152 13.3763 8.47152L9.60547 12.2423C9.47513 12.3727 9.3047 12.439 9.13411 12.439Z",fill:"#595959"}))},o),r&&l.createElement(Carousel.Slide,{style:{borderRight:`1px solid ${q.t.neutral[1]}`}},l.createElement(BreadcrumbItem,{href:i,target:"_blank",className:"pointer-event-child-none"},l.createElement(m.x,{sx:Object.assign({},!s&&{borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"}),bg:!s&&q.t.neutral[0],p:s?0:6},l.createElement(AspectRatio,{ratio:1,w:18},s?l.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1183 3.67722C12.8727 2.70772 11.1281 2.708 9.88187 3.67718L14.1183 3.67722ZM14.1183 3.67722L19.718 8.03283C20.5589 8.68632 21.05 9.69173 21.05 10.7562V17.6002C21.05 19.5057 19.5055 21.0502 17.6 21.0502H6.40016C4.49466 21.0502 2.9502 19.5057 2.9502 17.6002V10.7562C2.9502 9.69163 3.44113 8.68632 4.28216 8.03283L9.88187 3.67718M10.6799 4.70339L5.08006 9.05916C4.55657 9.46592 4.2502 10.0923 4.2502 10.7562V17.6002C4.2502 18.7878 5.21263 19.7502 6.40016 19.7502H17.6C18.7875 19.7502 19.75 18.7878 19.75 17.6002V10.7562C19.75 10.0923 19.4438 9.46612 18.9204 9.05936L13.3202 4.70335C12.5443 4.09941 11.4571 4.09905 10.6799 4.70339Z",fill:"#3E3F58"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2373 13.1626C12.5546 12.4794 11.4466 12.4791 10.7629 13.1628C10.0793 13.8464 10.0793 14.9538 10.7629 15.6374C11.4465 16.321 12.5539 16.321 13.2375 15.6374C13.9211 14.9538 13.9211 13.8464 13.2375 13.1628L13.2373 13.1626ZM14.1567 12.2436C12.9661 11.0521 11.0348 11.0525 9.84366 12.2436C8.65237 13.4348 8.65237 15.3653 9.84366 16.5566C11.0349 17.7479 12.9654 17.7479 14.1567 16.5566C15.348 15.3653 15.348 13.4348 14.1567 12.2436Z",fill:"#3E3F58"})):l.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.58691 5.59863L8.58691 1.62305C8.83594 1.45898 9.16406 1.45898 9.41309 1.62305L15.4131 5.59863C15.624 5.73926 15.75 5.97363 15.75 6.22559V14.25C15.75 15.0791 15.0791 15.75 14.25 15.75H3.75C2.9209 15.75 2.25 15.0791 2.25 14.25V6.22559C2.25 5.97363 2.37598 5.73926 2.58691 5.59863ZM5.5017 11.7602C5.1717 11.5108 5.17316 11.0321 5.46521 10.7391C5.75775 10.4456 6.24936 10.4292 6.5986 10.6522C7.17818 11.0223 8.12516 11.4889 9.21628 11.4889C10.3074 11.4889 11.2543 11.0223 11.8339 10.6522C12.1832 10.4292 12.6748 10.4456 12.9673 10.7391C13.2594 11.0321 13.2608 11.5108 12.9308 11.7602C11.8743 12.5589 10.535 12.9889 9.21628 12.9889C7.89758 12.9889 6.55824 12.5589 5.5017 11.7602Z",fill:"#595959"})))))),l.createElement(Carousel.Slide,null),l.createElement(Carousel.Slide,null,l.createElement(g.O,{styles:{separator:{marginInline:4}},separator:l.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},l.createElement("path",{d:"M8.71527 7.99969L6.16794 5.45236C5.89194 5.17636 5.89194 4.72836 6.16794 4.45236C6.44394 4.17636 6.89194 4.17636 7.16794 4.45236L10.2439 7.52836C10.5046 7.78903 10.5046 8.21103 10.2439 8.47103L7.16794 11.547C6.89194 11.823 6.44394 11.823 6.16794 11.547C5.89194 11.271 5.89194 10.823 6.16794 10.547L8.71527 7.99969Z",fill:"#8C8C8C"}))},a)))};Breadcrumbs.Item=BreadcrumbItem;var ec=(0,i.k)((e,{variantStyle:t})=>{let a=t===z.C.LEADGEN,n={fontSize:(0,o.h)(15),lineHeight:(0,o.h)(24),letterSpacing:"-0.3px"};return{input:Object.assign({padding:"12px 16px",background:"#ffffff",border:`1px solid ${e.colors.gray[2]}`,borderRadius:4},a&&Object.assign(Object.assign({borderRadius:8},n),{color:"#111111","&::placeholder":Object.assign(Object.assign({},n),{fontSize:(0,o.h)(15),lineHeight:(0,o.h)(24),letterSpacing:"-0.3px",color:e.colors.gray[4]})}))}});let es=(0,N.Z)(f.U)`
  .mantine-Accordion-label {
    padding: 0;
  }
  .mantine-Accordion-control {
    &:hover {
      background-color: transparent;
    }
  }
  .mantine-Accordion-item {
    .mantine-Accordion-chevron {
      > div {
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        background-position: center;
        background-image: url(${e=>e.closeChevron||A.C.getAssetPath("plus-icon.svg")});
      }
    }
    &[data-active='true'] {
      .mantine-Accordion-chevron {
        > div {
          background-image: url(${e=>e.openChevron||A.C.getAssetPath("minus-icon.svg")});
        }
      }
    }
  }
  .mantine-Accordion-panel {
    border-radius: ${_.r.borderRadius};
  }
  .mantine-Accordion-content {
    white-space: pre-wrap;
  }
`,Accordion=e=>{var{children:t}=e,a=(0,n.a)(e,["children"]);return l.createElement(es,Object.assign({chevron:l.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},a),t)};Accordion.Control=f.U.Control,Accordion.Item=f.U.Item,Accordion.Panel=f.U.Panel;let ed=A.C.getAssetPath("avatar.jpg"),Avatar=e=>{var{withIndicator:t=!1,indicatorConfig:a=null,size:r=56,children:i,styles:o,placeholderText:c}=e,s=(0,n.a)(e,["withIndicator","indicatorConfig","size","children","styles","placeholderText"]);let generateAvatar=()=>l.createElement(b.q,Object.assign({size:r,radius:"xl"},s,{imageProps:Object.assign({loading:"lazy"},s.imageProps),styles:{placeholder:{backgroundColor:s.color,color:"white"}}}),i||c||l.createElement(V.I,{src:ed,width:r,alt:s.alt||"avatar"}));return t?l.createElement(y.z,Object.assign({inline:!0,position:"bottom-end",offset:9},a,{styles:Object.assign({indicator:{backgroundColor:l.isValidElement(a.label)&&"transparent",zIndex:1}},o)}),generateAvatar()):generateAvatar()},ep={lg:{height:48,fontSize:(0,o.h)(16),lineHeight:"24px"},md:{height:40,fontSize:(0,o.h)(14),lineHeight:"22px"},sm:{height:32,fontSize:(0,o.h)(14),lineHeight:"22px"},xs:{height:32,fontSize:(0,o.h)(13),lineHeight:(0,o.h)(20),letterSpacing:"-0.3px"}};var eu=(0,i.k)((e,{variantStyle:t,size:a})=>{let n=t===z.C.LEADGEN,l=ep[a]||{},r=n?"sm"===a?{height:36,fontSize:(0,o.h)(13),letterSpacing:"-0.3px"}:{fontSize:(0,o.h)(15),letterSpacing:"-0.3px"}:{};return{input:{border:`1px solid ${e.colors.gray[2]}`,transition:`all ${K.A} ease-in-out`,"&:not(.mantine-Textarea-input)":Object.assign(Object.assign({minHeight:"unset"},l),r),"&:hover":{border:`1px solid ${e.fn.primaryColor()}`},"&:focus":{boxShadow:`0px 0px 0px 2px ${e.colors[e.primaryColor][2]}`},'&[data-invalid="true"]':{border:`1px solid ${e.colors.red600}`,color:"#000"}},rightSection:Object.assign({color:e.colors.gray[4]},(()=>{switch(a){case"lg":return Object.assign({fontSize:(0,o.h)(16)},n&&{fontSize:(0,o.h)(15)});case"md":return Object.assign({fontSize:(0,o.h)(14)},n&&{fontSize:(0,o.h)(15),letterSpacing:"-0.3px"});case"sm":return Object.assign({height:32,fontSize:(0,o.h)(14),lineHeight:"22px"},n&&{height:36,fontSize:(0,o.h)(13),letterSpacing:"-0.3px"});case"xs":return{height:32,lineHeight:(0,o.h)(20),fontSize:(0,o.h)(13),letterSpacing:"-0.3px"}}})())}});let eh=300,em=(0,v.Z)({key:"mantine",prepend:!1}),NumberInput=e=>{var{value:t,onChange:a,size:r="md",styles:i,classNames:o}=e,c=(0,n.a)(e,["value","onChange","size","styles","classNames"]);let[s,d]=(0,l.useState)(t),[p]=(0,F.c)(s,eh),u=(0,z.u)(),{classes:h}=eu({variantStyle:u,size:r},{name:"MantineInput",styles:i,classNames:o});return(0,l.useEffect)(()=>{null==a||a(p)},[p]),(0,l.useEffect)(()=>{d(t)},[t]),l.createElement(C.Y,Object.assign({stepHoldDelay:500,stepHoldInterval:e=>Math.max(1e3/Math.pow(e,2),25),onChange:d,hideControls:!0,min:0,formatter:e=>0===Number(e)?e:e||"",removeTrailingZeros:!0,value:s},c,{size:r,classNames:{input:h.input,rightSection:h.rightSection}}))},eg=A.C.getAssetPath("EyeVisible.svg"),ef=A.C.getAssetPath("EyeHidden.svg"),RenderVisibleToggleIcon=({reveal:e,size:t})=>l.createElement("img",{src:e?eg:ef,style:{width:t,height:t},loading:"lazy"}),eb=(0,l.forwardRef)((e,t)=>{let{size:a="md",visibilityToggleIcon:r}=e,i=(0,n.a)(e,["size","visibilityToggleIcon"]);return l.createElement(x.W,Object.assign({ref:t,size:a,visibilityToggleIcon:r||RenderVisibleToggleIcon},i,{className:`input-control ${(null==i?void 0:i.className)||""}`}))}),ErrorIcon=e=>{var{size:t}=e,a=(0,n.a)(e,["size"]);let r=Object.assign({width:t,height:t},a);return l.createElement("svg",Object.assign({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),l.createElement("path",{d:"M5.996 6.513q.163 0 .282-.12a.38.38 0 0 0 .118-.28V3.937q0-.15-.118-.268a.4.4 0 0 0-.282-.119.4.4 0 0 0-.281.12.38.38 0 0 0-.119.28v2.175q0 .15.119.269.12.119.281.119m0 1.862a.43.43 0 0 0 .3-.112.4.4 0 0 0 .125-.313.4.4 0 0 0-.125-.3.4.4 0 0 0-.3-.125.4.4 0 0 0-.3.125.4.4 0 0 0-.125.3.4.4 0 0 0 .125.313.43.43 0 0 0 .3.112m0 2.375a4.6 4.6 0 0 1-1.856-.375 4.8 4.8 0 0 1-1.506-1.012A4.8 4.8 0 0 1 1.62 7.857 4.6 4.6 0 0 1 1.246 6q0-.987.375-1.856t1.013-1.506A4.8 4.8 0 0 1 4.14 1.625a4.6 4.6 0 0 1 1.856-.375q.988 0 1.857.375Q8.72 2 9.359 2.638q.637.637 1.012 1.506T10.747 6t-.375 1.857A4.8 4.8 0 0 1 9.36 9.363a4.8 4.8 0 0 1-1.506 1.012q-.87.375-1.857.375",fill:"#F44D2C"}))};ErrorIcon.defaultProps={size:18,color:_.r.colors.gray600,activeColor:_.r.colors.primaryBase};let ErrorLabel=e=>{var{label:t,withIcon:a,textProps:r}=e,i=(0,n.a)(e,["label","withIcon","textProps"]);return l.createElement(w.k,Object.assign({align:"center",gap:4},i),a&&l.createElement(ErrorIcon,{size:12}),l.createElement(H.T,Object.assign({size:"c1",variant:"error",dangerouslySetInnerHTML:{__html:t}},r)))},ey=(0,l.createContext)({}),eE=J.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: ${_.r.colors.gray400};
  }
`,ev=J.iv`
  height: auto !important;
  cursor: text;
  opacity: 1;
  transition: 0.1s ease-in-out all;
`,eC=J.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;
`,ex=J.iv`
  top: var(--space-y-shrink, 6px);
  transform: none;
  transition: 0.125s ease-out all;
`,ew=J.iv`
  min-height: var(--container-height, 56px);
  display: flex;
  align-items: flex-end;
  border: 1px solid ${_.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: ${_.r.colors.gray200};
  }
`,eL=J.iv`
  height: auto;
  min-height: var(--container-height, 56px);
  padding-block: var(--space-y-shrink, 6px);
  cursor: text;
  pointer-events: auto;
`,eS=J.iv`
  color: ${_.r.colors.red800};
  font-size: 12px;
  line-height: 1.5;
`,ek=N.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: ${_.r.colors.red400};
      }
    }

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

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

  .mantine-Input-wrapper {
    ${ew}

    + .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 {
    ${eE}
  }

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

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

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

    &: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: ${_.r.colors.primary600};
      box-shadow: 0 0 4px ${_.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: ${_.r.colors.gray800} !important;
      :focus {
        color: ${_.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);
    }
  }
`;N.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: ${_.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: ${_.r.colors.gray600};
    //   width: 18px;
    //   height: 18px;
    // }
    // input[type='checkbox'] {
    //   border-radius: 4px;
    // }

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

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

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

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

  .mantine-InputWrapper-error {
    ${eS}
  }
`,N.Z.div`
  position: absolute;
  top: calc(var(--container-height) / 2);
  right: var(--space-x, 16px);
`;let FloatingLabelControl=e=>{let{shrink:t,onChangeShrink:a,children:r,className:i}=e,o=(0,n.a)(e,["shrink","onChangeShrink","children","className"]),[c,s]=(0,l.useState)(t),[d,p]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{s(t)},[t]),l.createElement(ey.Provider,Object.assign({value:{shrinkProps:t,shrink:c,setShrink:s,onChangeShrink:a,hasIcon:d,setHasIcon:p}},o),l.createElement(ek,Object.assign({shrink:c,className:(0,L.default)(i,"textField",{textField_shrink:!!c})},o),r))};FloatingLabelControl.Control=e=>{let{shrink:t,shrinkProps:a,onChangeShrink:n,setShrink:r,hasIcon:i}=(0,l.useContext)(ey),{children:o}=e,c=(0,$.O)(()=>{a||(r(!1),null==n||n(!1))}),focusInput=e=>{let t=e.querySelectorAll('input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])'),a=t.item(t.length-1);a&&a.focus({preventScroll:!0})},s=(0,l.useCallback)(e=>{if(t){e.preventDefault(),focusInput(e.currentTarget);return}r(!0),null==n||n(!0),focusInput(e.currentTarget)},[t]);return(0,l.useEffect)(()=>{r(a)},[a]),l.createElement(m.x,{ref:c,onClick:s,className:"FloatingLabelControl_wrapper"},"function"==typeof o?o({shrink:!!t,hasIcon:i}):o)},FloatingLabelControl.Icon=({Icon:e})=>{let{shrink:t,setHasIcon:a}=(0,l.useContext)(ey),n=(0,h.rZ)();return(0,l.useEffect)(()=>{e&&a(!0)},[]),e?l.createElement(e,{className:`icon ${t?"shrink":""}`,shrink:t,size:24,color:n.colors.gray[9]}):null};let eI=(0,l.forwardRef)((e,t)=>{var{label:a,value:r,onChange:i,onChangeRaw:o,maxLength:c,withFloatingLabel:s,styles:d,error:p,size:u="md",debouncedTime:h=eh}=e,m=(0,n.a)(e,["label","value","onChange","onChangeRaw","maxLength","withFloatingLabel","styles","error","size","debouncedTime"]);let g=(0,z.u)(),{classes:f}=eu({variantStyle:g,size:u},{name:"MantineInput",styles:d}),[b,y]=(0,l.useState)(r||""),[E]=(0,F.c)(b,h);(0,l.useEffect)(()=>{null==i||i(E)},[E]),(0,l.useEffect)(()=>{y(r)},[r]);let v=Object.assign(Object.assign({classNames:{input:f.input,rightSection:f.rightSection},ref:t,size:u,onChange:e=>{"number"==typeof c&&e.currentTarget.value.length>c||(null==o||o(e),y(e.currentTarget.value))},value:b,label:a,error:p},m),{maxLength:c,className:`input-control ${(null==m?void 0:m.className)||""}`});return s?l.createElement(FloatingLabelControl,{shrink:!!b},l.createElement(FloatingLabelControl.Control,null,({shrink:e})=>l.createElement(S.o,Object.assign({},v,{error:p&&l.createElement(ErrorLabel,{label:String(p)}),inputWrapperOrder:["label","input","description","error"],label:l.createElement(H.T,{size:e?"p3":"p2",variant:"secondary",weight:"halfBold"},a),styles:e=>({input:Object.assign(Object.assign({},(0,z.G)(e)[z.C.LEADGEN].p2),{color:e.colors.gray[9],fontWeight:z.F.halfBold})})})))):l.createElement(S.o,Object.assign({},v))}),eO=eI;eO.File=e=>l.createElement(E.S,Object.assign({size:"md"},e)),eO.Password=eb,eO.Number=NumberInput,eO.Wrapper=k.I.Wrapper;let ej=D.l.Slide,eM=(0,l.createContext)({}),findIndexFromLeftSide=(e,t)=>e>=t?e-t:e,findIndexFromRight=(e,t)=>e<0?t+e:e,CentralCarousel=e=>{var{children:t,blurFromCenter:a,blurFromIndex:r,blurLength:o=3,maxBlurOpacity:c=.5,onSlideChange:s,selectSlideWhenClick:d}=e,p=(0,n.a)(e,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);let{width:u}=(0,T.n)(),[h]=(0,P.y)(),m=(0,l.useRef)(null),[g,f]=(0,l.useState)(0),handleStyle=()=>{var e,t,n,l,i;let s=(null===(e=null==m?void 0:m.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(t=null==m?void 0:m.current)||void 0===t?void 0:t.slideNodes().length)<=(null===(n=null==m?void 0:m.current)||void 0===n?void 0:n.slidesInView().length))return s.map(e=>{e.classList.remove("center-slide"),e.style.opacity="1"}),!1;let d=null===(l=null==m?void 0:m.current)||void 0===l?void 0:l.selectedScrollSnap();f(d);let p=s.length,u=null===(i=null==m?void 0:m.current)||void 0===i?void 0:i.slidesInView(),h=u.length,g=a?r+o-1:Math.floor(h/2),b=d+g,y=b===p?0:b>p?b-p:b,E=d-g,v=E<0?p+E:E>0?d-g:0,C=[...new Set(Array(2*g+1).fill("").map((e,t)=>findIndexFromLeftSide(v+t,p)))];s.map((e,t)=>{if(t===d?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==C.indexOf(t)){let a=c/o;for(let n=0;n<o;n++){if(t===findIndexFromLeftSide(v+n,p)||t===findIndexFromRight(y-n,p)){e.style.opacity=String((n+1)*a);break}e.style.opacity="1"}}else e.style.opacity="0"})};(0,l.useEffect)(()=>{(null==m?void 0:m.current)&&handleStyle()},[u]);let b=(0,i.k)(()=>{var e,t;return{control:Object.assign({},(null===(e=null==m?void 0:m.current)||void 0===e?void 0:e.slideNodes().length)<=(null===(t=null==m?void 0:m.current)||void 0===t?void 0:t.slidesInView().length)&&{display:"none"})}}),{classes:y}=b();return l.createElement(eM.Provider,{value:{slider:null==m?void 0:m.current,centerSlide:g,selectSlideWhenClick:d}},l.createElement(D.l,Object.assign({classNames:{control:y.control},ref:h,slideSize:"auto",containScroll:"trimSnaps"},{getEmblaApi:e=>{m.current=e},onSlideChange:e=>{handleStyle(),null==s||s(e)}},p,{loop:!0}),"function"==typeof t?t(g):t))};CentralCarousel.Slide=e=>{var{children:t,onClick:a,innerSlideProps:r}=e,i=(0,n.a)(e,["children","onClick","innerSlideProps"]);let{slider:o,selectSlideWhenClick:c}=(0,l.useContext)(eM),s=(0,l.useRef)(),d=(0,l.useRef)(""),[p,u]=(0,l.useState)(0);(0,l.useEffect)(()=>{d.current=String(Math.round(1e4*Math.random()))},[]),(0,l.useEffect)(()=>{let e=(null==o?void 0:o.slideNodes())||[];u(e.findIndex(e=>e.dataset.key===d.current))},[o]);let h={ref:s,"data-key":d.current,"data-index":p};return l.createElement(ej,Object.assign({},h,i),l.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{c&&(null==o||o.scrollTo(p)),null==a||a(p)}},r),t))};let CheckboxWithState=e=>{var{size:t=24,isSolid:a,isActive:r}=e,i=(0,n.a)(e,["size","isSolid","isActive"]);return a?l.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),l.createElement("path",{d:"M10 18C14.4183 18 18 14.4183 18 10C18 5.58173 14.4183 2 10 2C5.58173 2 2 5.58173 2 10C2 14.4183 5.58173 18 10 18Z",fill:"#2D87F3"}),l.createElement("path",{d:"M6.38904 10.2778L8.88904 13.0556L13.6113 6.94446",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M10 18C14.4183 18 18 14.4183 18 10C18 5.58173 14.4183 2 10 2C5.58173 2 2 5.58173 2 10C2 14.4183 5.58173 18 10 18Z",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):r?l.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),l.createElement("path",{opacity:".2",d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",fill:"#2D87F3"}),l.createElement("path",{d:"m6.389 10.278 2.5 2.778 4.722-6.111",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):l.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),l.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",fill:"#ADB3BC",fillOpacity:".3"}),l.createElement("path",{d:"m6.389 10.278 2.5 2.778 4.722-6.111",stroke:"#ADB3BC",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",stroke:"#ADB3BC",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},Checkbox=e=>{var{color:t="blue",label:a,size:r,styles:i}=e,o=(0,n.a)(e,["color","label","size","styles"]);let c=(0,h.rZ)(),s=(0,z.u)(),d=(0,l.useMemo)(()=>{var e,a;return((null==t?void 0:t.includes("."))?null===(e=c.colors[t.split(".")[0]])||void 0===e?void 0:e[t.split(".")[1]]:null===(a=c.colors[t])||void 0===a?void 0:a[c.primaryShade||6])||c.colors.blue[6]},[t]),p=s===z.C.LEADGEN,u=p?20:r;return l.createElement(I.X,Object.assign({color:t,size:u,label:p?l.createElement(H.T,{size:"p2",color:c.colors.gray[8]},a):a,icon:p?e=>{var t=(0,n.a)(e,[]);return l.createElement(l.Fragment,null,l.createElement(CheckboxWithState,Object.assign({"data-icon":"true","data-default":"true",size:u},t)),l.createElement(CheckboxWithState,Object.assign({"data-icon":"true","data-hover":"true",isActive:!0,size:u},t)),l.createElement(CheckboxWithState,Object.assign({"data-icon":"true","data-checked":"true",isSolid:!0,size:u},t)))}:void 0,styles:Object.assign({input:Object.assign({"&:hover":{border:`1px solid ${d}`}},p&&{width:u,height:u,backgroundColor:"transparent",borderRadius:"50%","&,&:hover":{border:0},"& ~ [data-icon]":{opacity:0},"& ~ [data-default]":{opacity:1},"&:hover":{"& ~ [data-icon]":{opacity:0},"& ~ [data-hover]":{opacity:1}},"&:checked":{"& ~ [data-icon]":{opacity:0},"& ~ [data-checked]":{opacity:1},"&:hover":{"& ~ [data-icon]":{opacity:0},"& ~ [data-checked]":{opacity:1}}},"&, &:hover, &:checked":{backgroundColor:"transparent",borderColor:"transparent","& ~ svg":{width:"100%",transform:"none",transition:"opacity 0.2s ease"}},[c.fn.smallerThan("sm")]:{"&:hover":{"& ~ [data-icon]":{opacity:0},"& ~ [data-default]":{opacity:1}}}}),label:Object.assign({},p&&{paddingLeft:8}),body:Object.assign({},p&&{alignItems:"flex-start"}),inner:Object.assign({},p&&{paddingTop:2,width:u,height:24})},i)},o))};Checkbox.Group=I.X.Group;let eR=(0,N.Z)(O.i)`
  ${e=>{let t=e.color||_.r.colors.primaryBase;return`
      .mantine-Slider-bar {
        background-color: ${t};
      }
      .mantine-Slider-thumb {
        border-color: ${t};
        color: ${t};
      }
    `}}
  [data-theme='marryBaby'] & {
    ${e=>{let t=e.color||_.r.mbColors.pink;return`
        .mantine-Slider-bar {
          background-color: ${t};
        }
        .mantine-Slider-thumb {
          border-color: ${t};
          color: ${t};
        }
      `}}
  }

  .mantine-Slider-label {
    background-color: transparent;
    color: #000;
    font-size: 14px;
    font-weight: bold;
  }
`,eZ=N.Z.div`
  display: flex;
  align-items: center;
  .hhg-mantine-slider {
    flex-grow: 1;
  }
  button {
    path:not([stroke]) {
      stroke: ${_.r.colors.primaryBase};
    }
  }
  [data-theme='marryBaby'] & {
    button {
      path:not([stroke]) {
        stroke: ${_.r.mbColors.pink};
      }
    }
  }
`,RadioWithState=e=>{var{size:t=24,isSolid:a,isActive:r}=e,i=(0,n.a)(e,["size","isSolid","isActive"]);return a?l.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),l.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("circle",{cx:"10",cy:"10",r:"4",fill:"#2D87F3"})):r?l.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),l.createElement("path",{d:"M10 1a9 9 0 1 1 0 18 9 9 0 0 1 0-18",stroke:"#BCDEFF",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):l.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),l.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",stroke:"#ADB3BC",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},Radio=e=>{var{color:t,label:a,size:r,styles:i}=e,o=(0,n.a)(e,["color","label","size","styles"]);let c=(0,h.rZ)(),s=(0,z.u)(),d=(0,l.useMemo)(()=>{var e,a;return((null==t?void 0:t.includes("."))?null===(e=c.colors[t.split(".")[0]])||void 0===e?void 0:e[t.split(".")[1]]:null===(a=c.colors[t])||void 0===a?void 0:a[c.primaryShade||6])||c.fn.primaryColor()},[t]),p=s===z.C.LEADGEN,u=p?20:r;return l.createElement(j.Y,Object.assign({label:p?l.createElement(H.T,{size:"p2",color:c.colors.gray[8]},a):a,size:u,icon:p?e=>{var t=(0,n.a)(e,[]);return l.createElement(l.Fragment,null,l.createElement(RadioWithState,Object.assign({"data-icon":"true","data-default":"true",size:u},t)),l.createElement(RadioWithState,Object.assign({"data-icon":"true","data-hover":"true",isActive:!0,size:u},t)),l.createElement(RadioWithState,Object.assign({"data-icon":"true","data-checked":"true",isSolid:!0,size:u},t)))}:void 0,styles:Object.assign({radio:Object.assign({"&:hover, &:checked":{border:`1px solid ${d}`},"&:checked + .___ref-icon":{top:"50%",left:"50%",transform:"scale(1) translate(-50%, -50%)"}},p&&{width:u,height:u,backgroundColor:"transparent",marginTop:2,borderRadius:"50%","&,&:hover":{border:0},"& ~ [data-icon]":{opacity:0},"& ~ [data-default]":{opacity:1},"&:hover":{"& ~ [data-icon]":{opacity:0},"& ~ [data-hover]":{opacity:1}},"&:checked":{"& ~ [data-icon]":{opacity:0},"& ~ [data-checked]":{opacity:1},"&:hover":{"& ~ [data-icon]":{opacity:0},"& ~ [data-checked]":{opacity:1}}},"&, &:hover, &:checked":{backgroundColor:"transparent",borderColor:"transparent","& ~ svg":{position:"absolute",width:"100%",transform:"none",transition:"opacity 0.2s ease",top:2,left:0}},[c.fn.smallerThan("sm")]:{"&:hover":{"& ~ [data-icon]":{opacity:0},"& ~ [data-default]":{opacity:1}}}}),icon:{color:d},label:Object.assign({},p&&{paddingLeft:8})},i)},o))};function transferValueToOtp(e,t=6){let a=Array(t).fill("");if(e){let t=e.toString().split("");a.map((e,n)=>{t[n]&&(a[n]=t[n]||"")})}return a}function transferOtpToValue(e){return e.join("")}Radio.Group=j.Y.Group;let eF=(0,l.forwardRef)((e,t)=>{let{maxLength:a=1,placeholder:r,className:i}=e,o=(0,n.a)(e,["maxLength","placeholder","className"]);return l.createElement("input",Object.assign({maxLength:a,className:G()("Ia6IojY","otpInput",i),placeholder:r,type:"number"},o,{ref:t}))}),e$=(0,l.forwardRef)((e,t)=>{let{valueLength:a=6,type:n="number",value:r,defaultValue:i,placeholder:o,onChange:c,onBlur:s,otpShareProps:d}=e,p=(0,l.useRef)(Array(a).fill(null)),[u,h]=(0,l.useState)(i||r),[m,g]=(0,l.useState)(-1),[f,b]=(0,l.useState)(()=>transferValueToOtp(u,a)),y=(0,l.useCallback)(()=>{if(-1===m)return;let e=p.current[m];e&&(e.value="",f[m]="",b(f),h(()=>transferOtpToValue(f)),null==c||c(transferOtpToValue(f)))},[m,c,f]),E=(0,l.useCallback)(()=>{if(0===m)return;let e=p.current[m];e&&e.blur();let t=p.current[m-1];t&&t.focus()},[m]),v=(0,l.useCallback)(()=>{if(m===a-1)return;let e=p.current[m];e&&e.blur();let t=p.current[m+1];t&&t.focus()},[m,a]),C=(0,l.useCallback)(e=>{let t=e.target,a=t.value,n=a.toString().slice(0,1),l=p.current.findIndex(e=>e===t);-1!==l&&(f[l]=n,b(f),h(()=>transferOtpToValue(f)),null==c||c(transferOtpToValue(f))),v()},[v,c,f]),x=(0,l.useCallback)(e=>{let t=e.target,a=p.current.findIndex(e=>e===t);"number"===n?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==a&&g(a)},[]),L=(0,l.useCallback)(e=>{let t=e.clipboardData.getData("text/plain"),n=transferValueToOtp(t,a),l=transferOtpToValue(n);b(n),h(l),null==c||c(l)},[c,n,a]),S=(0,l.useCallback)(e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),y(),E()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),y()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),E()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),v()):(32===e.keyCode||" "===e.key||"Spacebar"===e.key||"Space"===e.key)&&e.preventDefault()},[y,v,E]);return(0,l.useImperativeHandle)(t,()=>p.current[0],[]),(0,l.useEffect)(()=>{b(()=>transferValueToOtp(r,a)),h(r)},[a,r]),l.createElement(w.k,{justify:"center",columnGap:8,className:G()("_2iQs0sk","otpContainer")},f.map((e,t)=>l.createElement(eF,Object.assign({},d,{ref:e=>{p.current[t]=e},key:""+t,value:e,type:n,onChange:C,onFocus:x,onKeyDown:S,onPaste:L,onBlur:s,placeholder:o}))))}),CambodiaRoundIcon=e=>l.createElement(V.I,Object.assign({alt:"round cambodia flag",src:A.C.getAssetPath("flags/cambodiaRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),CambodiaSquareIcon=e=>l.createElement(V.I,Object.assign({alt:"square cambodia flag",src:A.C.getAssetPath("flags/cambodiaSquare.png")},e)),EnglishRoundIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),l.createElement("g",null,l.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},l.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),l.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),l.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),l.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),l.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),l.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),l.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),l.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),l.createElement("path",{d:"M0.686034 7.50024H0.327527C0.243026 7.82775 0.175524 8.16076 0.124023 8.50026H2.32207L0.686034 7.50024Z",fill:"white"}),l.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),l.createElement("path",{d:"M2.10956 11.5002H0.124023C0.175024 11.8398 0.243026 12.1728 0.327527 12.5003H0.47403L2.10956 11.5002Z",fill:"white"}),l.createElement("path",{d:"M8.50002 7.27665V0.124512C8.16051 0.175513 7.82751 0.243514 7.5 0.328016V6.66564L8.50002 7.27665Z",fill:"white"}),l.createElement("path",{d:"M11.5 12.2913V19.8759C11.8395 19.8249 12.1725 19.7569 12.5 19.6724V12.9023L11.5 12.2913Z",fill:"white"}),l.createElement("path",{d:"M7.5 13.205V19.6721C7.82751 19.7566 8.16051 19.8241 8.50002 19.8756V12.594L7.5 13.205Z",fill:"white"}),l.createElement("path",{d:"M11.5925 7.34715L11.7345 7.43415L12.5 6.96614V0.328016C12.1725 0.243514 11.8395 0.176013 11.5 0.124512V7.49865L11.5925 7.34715Z",fill:"white"}),l.createElement("path",{d:"M2.32251 8.50002H7.01761L8.50014 7.594V7.277L7.50011 6.66548L2.37852 3.53442C1.95151 4.03743 1.572 4.58144 1.24949 5.16296L5.02507 7.5H2.29701L0.650482 6.47648C0.54748 6.74949 0.455478 7.02699 0.375977 7.3105L0.686483 7.5L2.32251 8.50002Z",fill:"white"}),l.createElement("path",{d:"M11.7344 7.43419L13.4784 8.50021H18.171L19.6905 7.57119C19.528 6.92118 19.303 6.29767 19.02 5.70516L16.139 7.50019H13.4109L18.317 4.45013C18.1515 4.20313 17.9735 3.96562 17.7875 3.73462L12.4999 6.96618L11.7344 7.43419Z",fill:"white"}),l.createElement("path",{d:"M5.02448 7.50013L1.2494 5.16309C1.0169 5.58259 0.821394 6.0231 0.650391 6.47661L2.29642 7.50013H5.02448Z",fill:"#E53935"}),l.createElement("path",{d:"M16.1392 7.50024L19.0207 5.70521C18.8132 5.2702 18.5837 4.84819 18.3177 4.45068L13.4111 7.50024H16.1392Z",fill:"#E53935"}),l.createElement("path",{d:"M11.5 11.5002V12.2913L12.5 12.9023L17.8556 16.1758C18.2416 15.6853 18.5836 15.1593 18.8736 14.6008L15.4856 12.5003H18.2136L19.4432 13.2673C19.5507 12.9563 19.6432 12.6393 19.7197 12.3153L18.3871 11.5002H11.5Z",fill:"white"}),l.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),l.createElement("path",{d:"M8.49934 12.5943V11.5002H2.10921L0.473182 12.5003L0.34668 12.5778C0.522683 13.2383 0.762688 13.8713 1.06319 14.4708L4.16375 12.5003H6.89181L1.80071 15.7168C1.95971 15.9448 2.12471 16.1688 2.30172 16.3823L7.49932 13.2053L8.49934 12.5943Z",fill:"white"}),l.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),l.createElement("path",{d:"M15.4854 12.5L18.8729 14.6C19.0949 14.173 19.2834 13.727 19.4429 13.2665L18.2134 12.5H15.4854Z",fill:"#E53935"}),l.createElement("path",{d:"M4.16501 12.5L1.06445 14.4705C1.28196 14.9045 1.52596 15.3216 1.80197 15.7166L6.89307 12.5H4.16501Z",fill:"#E53935"}),l.createElement("path",{d:"M13.4785 8.5H11.5V11.5001H18.3871H19.8757C19.9497 11.0095 20.0002 10.511 20.0002 10C20.0002 9.48902 19.9497 8.99051 19.8757 8.5H18.1711H13.4785Z",fill:"#E53935"}),l.createElement("path",{d:"M8.50017 11.5001V8.5H7.01764H2.32255H0.124502C0.050501 8.99051 0 9.48902 0 10C0 10.511 0.050501 11.0095 0.124502 11.5001H2.11004H8.50017Z",fill:"#E53935"}),l.createElement("path",{d:"M11.5001 19.8759V12.2912V11.5002V8.50016V7.49865V0.124502C11.0095 0.050501 10.511 0 10 0C9.48902 0 8.99051 0.050501 8.5 0.124502V7.27664V7.59365V8.50016V11.5002V12.5942V19.8759C8.99051 19.9499 9.48902 20.0004 10 20.0004C10.511 20.0004 11.0095 19.9499 11.5001 19.8759Z",fill:"#E53935"}))),EnglishSquareIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 26 26",fill:"none"},e),l.createElement("g",null,l.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},l.createElement("path",{d:"M1.08301 7.41675C1.08301 6.31218 1.97844 5.41675 3.08301 5.41675H22.9163C24.0209 5.41675 24.9163 6.31218 24.9163 7.41675V18.5834C24.9163 19.688 24.0209 20.5834 22.9163 20.5834H3.08301C1.97844 20.5834 1.08301 19.688 1.08301 18.5834V7.41675Z",fill:"#3F51B5"})),l.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),l.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),l.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),l.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),l.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),l.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),l.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),l.createElement("path",{d:"M9.32609 10.8334L1.08301 5.79537V7.06504L7.24826 10.8334H9.32609ZM24.0004 5.41675L15.1376 10.8334H17.2149L24.9163 6.12687V5.41675H24.0004ZM17.9191 15.1667L24.9163 19.4432V18.1735L19.9964 15.1667H17.9191ZM8.62192 15.1667L1.08301 19.7742V20.5834H1.83701L10.6992 15.1667H8.62192ZM1.08301 11.9167H24.9163V14.0834H1.08301V11.9167Z",fill:"#E53935"}),l.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"}))),IndiaRoundIcon=e=>l.createElement(V.I,Object.assign({alt:"round india flag",src:A.C.getAssetPath("flags/indiaRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),IndiaSquareIcon=e=>l.createElement(V.I,Object.assign({alt:"square indian flag",src:A.C.getAssetPath("flags/indiaSquare.png")},e)),IndonesiaRoundIcon=e=>{var t=(0,n.a)(e,[]);let a=(0,Y.a)();return l.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none"},t),l.createElement("mask",{id:a,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},l.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),l.createElement("g",{mask:`url(#${a})`},l.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),l.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},IndonesiaSquareIcon=e=>{var t=(0,n.a)(e,[]);let a=(0,Y.a)();return l.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},t),l.createElement("g",{clipPath:`url(#${a})`},l.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),l.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),l.createElement("defs",null,l.createElement("clipPath",{id:a},l.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},MalaysiaRoundIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),l.createElement("g",null,l.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},l.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),l.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),l.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),l.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),l.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),l.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),l.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),l.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),l.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),l.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),l.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),l.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),l.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),l.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.11387 3.86084C2.92711 3.86084 1.96387 5.23232 1.96387 6.92206C1.96387 8.6118 2.92711 9.98329 4.11387 9.98329C4.54263 9.98329 4.94211 9.80406 5.27763 9.4957C5.08225 9.59203 4.87256 9.64471 4.65427 9.64471C3.60193 9.64471 2.74786 8.42866 2.74786 6.93032C2.74786 5.43198 3.60193 4.21594 4.65427 4.21594C4.88682 4.21594 5.10959 4.27527 5.31571 4.38397C4.97256 4.0538 4.5589 3.86084 4.11387 3.86084Z",fill:"#FFCC00"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.67935 8.51573L6.7737 7.8407L7.04147 9.22221L6.43573 8.06657L6.24676 9.47313L6.0609 8.06576L5.4526 9.2188L5.72343 7.83844L4.81629 8.50957L5.49017 7.42963L4.46387 7.48593L5.40732 6.9203L4.46512 6.35062L5.4913 6.41133L4.81981 5.3285L5.72546 6.00353L5.45769 4.62202L6.06343 5.77766L6.25241 4.37109L6.43827 5.77847L7.04656 4.62543L6.77574 6.00579L7.68287 5.33466L7.00899 6.4146L8.0353 6.3583L7.09184 6.92392L8.03404 7.49361L7.00786 7.43289L7.67935 8.51573Z",fill:"#FFCC00"}))),MalaysiaSquareIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),l.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),l.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),l.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),l.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),l.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),l.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),l.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),l.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),l.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),l.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),l.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),l.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),l.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.93644 1.52393C3.51233 1.52393 2.35645 2.56887 2.35645 3.85629C2.35645 5.14371 3.51233 6.18865 4.93644 6.18865C5.45096 6.18865 5.93034 6.05209 6.33296 5.81716C6.09851 5.89054 5.84688 5.93068 5.58492 5.93068C4.32212 5.93068 3.29724 5.00417 3.29724 3.86258C3.29724 2.72099 4.32212 1.79448 5.58492 1.79448C5.86399 1.79448 6.13132 1.83968 6.37865 1.9225C5.96688 1.67094 5.47049 1.52393 4.93644 1.52393Z",fill:"#FFCC00"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.216 5.07041L8.12923 4.55611L8.45055 5.60869L7.72366 4.72819L7.49689 5.79987L7.27386 4.72758L6.5439 5.60609L6.86889 4.55439L5.78033 5.06572L6.58899 4.24291L5.35742 4.28581L6.48957 3.85485L5.35893 3.42081L6.59034 3.46707L5.78456 2.64205L6.87133 3.15636L6.55001 2.10378L7.2769 2.98427L7.50367 1.9126L7.7267 2.98488L8.45666 2.10638L8.13166 3.15808L9.22022 2.64674L8.41157 3.46955L9.64314 3.42666L8.51099 3.85761L9.64163 4.29165L8.41022 4.2454L9.216 5.07041Z",fill:"#FFCC00"})),MyanmarRoundIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),l.createElement("g",null,l.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},l.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),l.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),l.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),l.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"}))),MyanmarSquareIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),l.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),l.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),l.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"})),PhilippinesRoundIcon=e=>l.createElement(V.I,Object.assign({alt:"round philippines flag",src:A.C.getAssetPath("flags/philippineRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),PhilippinesSquareIcon=e=>l.createElement(V.I,Object.assign({alt:"square philippines flag",src:A.C.getAssetPath("flags/philippineSquare.png")},e)),SingaporeRoundIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),l.createElement("g",null,l.createElement("mask",{maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},l.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),l.createElement("rect",{width:"20",height:"10",y:"0",fill:"#EF3340"}),l.createElement("rect",{width:"20",height:"10",y:"10",fill:"#FFFFFF"}),l.createElement("circle",{cx:"6",cy:"5",r:"3",fill:"white"}),l.createElement("circle",{cx:"6.8",cy:"5",r:"2.4",fill:"#EF3340"}),l.createElement("g",{fill:"white",transform:"translate(6 5)"},l.createElement("polygon",{points:"0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26",transform:"translate(1.8 -2)"}),l.createElement("polygon",{points:"0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26",transform:"translate(3 -1)"}),l.createElement("polygon",{points:"0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26",transform:"translate(3 0.5)"}),l.createElement("polygon",{points:"0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26",transform:"translate(1.8 1.5)"}),l.createElement("polygon",{points:"0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26",transform:"translate(0.6 0.5)"})))),SingaporeSquareIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),l.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}),l.createElement("rect",{width:"24",height:"8",rx:"2",fill:"#EF3340"}),l.createElement("circle",{cx:"6",cy:"4",r:"3",fill:"white"}),l.createElement("circle",{cx:"6.8",cy:"4",r:"2.4",fill:"#EF3340"}),l.createElement("g",{fill:"white",transform:"translate(6 4)"},l.createElement("polygon",{points:"0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3",transform:"translate(1.8 -2)"}),l.createElement("polygon",{points:"0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3",transform:"translate(3 -1)"}),l.createElement("polygon",{points:"0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3",transform:"translate(3 0.5)"}),l.createElement("polygon",{points:"0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3",transform:"translate(1.8 1.5)"}),l.createElement("polygon",{points:"0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3",transform:"translate(0.6 0.5)"}))),TaiwanRoundIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),l.createElement("g",null,l.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},l.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),l.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),l.createElement("g",null,l.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},l.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),l.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),l.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),l.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),l.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),l.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),l.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),l.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),l.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),l.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),l.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),l.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),l.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),l.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),l.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),l.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"})))),TaiwanSquareIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),l.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),l.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),l.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),l.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),l.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),l.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),l.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),l.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),l.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),l.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),l.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),l.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),l.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),l.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),l.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"})),ThailandRoundIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),l.createElement("g",null,l.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},l.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),l.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),l.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"}))),ThailandSquareIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 24 17",fill:"none"},e),l.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),l.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"})),VietnamRoundIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),l.createElement("g",null,l.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},l.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),l.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),l.createElement("path",{d:"M11.7228 10.8677L14.2819 9.00839L11.1187 9.00839L10.1409 6L9.16316 9.00839L6 9.00839L8.5591 10.8677L7.58184 13.8766L10.1409 12.0168L12.7 13.8766L11.7228 10.8677Z",fill:"#FFEB3B"}))),VietnamSquareIcon=e=>l.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),l.createElement("g",null,l.createElement("clipPath",null,l.createElement("rect",{width:"24",height:"16",fill:"white"})),l.createElement("path",{d:"M2.01386e-10 2C0 0.895431 0.895431 -7.50368e-10 2 -1.67599e-09L22 -1.84359e-08C23.1046 -1.93615e-08 24 0.895431 24 2L24 14C24 15.1046 23.1046 16 22 16L2 16C0.89543 16 1.52092e-09 15.1046 1.4097e-09 14L2.01386e-10 2Z",fill:"#DA251D"}),l.createElement("path",{d:"M13.7823 8.92854L16.6663 6.8332L13.1016 6.8332L11.9997 3.44287L10.8978 6.8332L7.33301 6.8332L10.217 8.92854L9.11567 12.3195L11.9997 10.2235L14.8837 12.3195L13.7823 8.92854Z",fill:"#FFEB3B"})));var eT={flag:"pfaLGRK"};let Flag=({country:e,language:t,rounded:a,height:n,width:r,isTesting:i,className:o})=>{let c,s;switch(t){case"en":c=l.createElement(EnglishSquareIcon,null),s=l.createElement(EnglishRoundIcon,null);break;case"vi":c=l.createElement(VietnamSquareIcon,null),s=l.createElement(VietnamRoundIcon,null);break;case"id":c=l.createElement(IndonesiaSquareIcon,{isTesting:i}),s=l.createElement(IndonesiaRoundIcon,{isTesting:i});break;case"th":c=l.createElement(ThailandSquareIcon,null),s=l.createElement(ThailandRoundIcon,null);break;case"km":c=l.createElement(CambodiaSquareIcon,null),s=l.createElement(CambodiaRoundIcon,null);break;case"ms":c=l.createElement(MalaysiaSquareIcon,null),s=l.createElement(MalaysiaRoundIcon,null);break;case"my":c=l.createElement(MyanmarSquareIcon,null),s=l.createElement(MyanmarRoundIcon,null);break;case"tl":c=l.createElement(PhilippinesSquareIcon,null),s=l.createElement(PhilippinesRoundIcon,null);break;case"hi":c=l.createElement(IndiaSquareIcon,null),s=l.createElement(IndiaRoundIcon,null);break;case"zh":c=l.createElement(TaiwanSquareIcon,null),s=l.createElement(TaiwanRoundIcon,null)}if(!c&&!s)switch(e){case"VN":c=l.createElement(VietnamSquareIcon,null),s=l.createElement(VietnamRoundIcon,null);break;case"ID":c=l.createElement(IndonesiaSquareIcon,{isTesting:i}),s=l.createElement(IndonesiaRoundIcon,{isTesting:i});break;case"TH":c=l.createElement(ThailandSquareIcon,null),s=l.createElement(ThailandRoundIcon,null);break;case"KH":c=l.createElement(CambodiaSquareIcon,null),s=l.createElement(CambodiaRoundIcon,null);break;case"MY":c=l.createElement(MalaysiaSquareIcon,null),s=l.createElement(MalaysiaRoundIcon,null);break;case"MM":c=l.createElement(MyanmarSquareIcon,null),s=l.createElement(MyanmarRoundIcon,null);break;case"PH":c=l.createElement(PhilippinesSquareIcon,null),s=l.createElement(PhilippinesRoundIcon,null);break;case"IN":c=l.createElement(IndiaSquareIcon,null),s=l.createElement(IndiaRoundIcon,null);break;case"TW":c=l.createElement(TaiwanSquareIcon,null),s=l.createElement(TaiwanRoundIcon,null);break;case"SG":c=l.createElement(SingaporeSquareIcon,null),s=l.createElement(SingaporeRoundIcon,null)}return l.createElement("div",{className:`${eT.flag} ${o||""}`,style:{"--width":r||20,"--height":n||20}},a?s:c)},CaretDown=e=>l.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},e),l.createElement("path",{d:"M4.81428 7.53044L7.64065 10.3568C7.83849 10.5546 8.15877 10.5546 8.3561 10.3568L11.1825 7.53044C11.5012 7.21168 11.2756 6.66675 10.8247 6.66675H5.172C4.72118 6.66675 4.49552 7.21168 4.81428 7.53044Z"})),eP=Object.values(Q.x9).reduce((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e),[]);var eB={phoneInput:"i-9Ibox",error:"YDWHh9b",selectedCountry:"_87SIJ95"};let eA=(0,l.forwardRef)((e,t)=>{let{isError:r,defaultCountry:i,selectedCountry:o,countries:c=eP,countryCallingCodeEditable:s=!1,defaultValue:d,value:p,onChange:u,flagComponent:h,arrowComponent:g,withFloatingLabel:f,className:b,inputId:y,label:E,error:v}=e,C=(0,n.a)(e,["isError","defaultCountry","selectedCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","flagComponent","arrowComponent","withFloatingLabel","className","inputId","label","error"]),[x,w]=(0,l.useState)(d||p),[L,S]=(0,l.useState)(null),I=(0,l.useCallback)(e=>{if(!L)return;if(h)return h(e);let{country:t,countryName:a,flagUrl:r}=e,i=(0,n.a)(e,["country","countryName","flagUrl"]),o=t?`+${L.getCountryCallingCode(t)}`:"";return l.createElement(l.Fragment,null,l.createElement(Flag,Object.assign({country:t,title:a},i)),l.createElement(H.T,{size:"p2",variant:"primary",className:G()(eB.callingCode,"PhoneInputCountryIconCallingCode")},o))},[h,L]),O=(0,l.useCallback)(()=>g?g():l.createElement("div",{className:G()(eB.arrowSelect,"PhoneInputArrowContainer")},l.createElement(CaretDown,null)),[g]);if((0,l.useEffect)(()=>{w(p)},[p]),(0,l.useEffect)(()=>{(0,n._)(void 0,void 0,void 0,function*(){let e=yield Promise.all([a.e(5231),a.e(7797),a.e(5454),a.e(106),a.e(3684),a.e(5349),a.e(4148),a.e(2509),a.e(1533),a.e(1108),a.e(9124),a.e(4190),a.e(932),a.e(4276),a.e(5464),a.e(6509),a.e(8674),a.e(9353),a.e(3929),a.e(137),a.e(4414),a.e(7613),a.e(8098),a.e(3416),a.e(3012),a.e(1570),a.e(6192),a.e(6918),a.e(5965),a.e(3301),a.e(1413),a.e(2138),a.e(9467),a.e(4467),a.e(6966),a.e(5243),a.e(9862),a.e(3800),a.e(8132),a.e(1375),a.e(4561),a.e(1193),a.e(2094),a.e(1797),a.e(1217),a.e(5480),a.e(731),a.e(2050),a.e(2008),a.e(8469),a.e(8214),a.e(1482),a.e(6817),a.e(467),a.e(5951),a.e(9357),a.e(747),a.e(5675),a.e(6753),a.e(4802),a.e(3046),a.e(5745),a.e(3437),a.e(252),a.e(1152),a.e(9424),a.e(5702),a.e(8922),a.e(6399),a.e(8639),a.e(7082),a.e(553),a.e(9309),a.e(7221),a.e(2853),a.e(8232),a.e(3257),a.e(6611),a.e(7538),a.e(6894),a.e(5341),a.e(3566)]).then(a.bind(a,"A9bs"));S(e)})},[]),!L)return null;let j=Object.assign({ref:t,defaultValue:d,label:E,value:x,onChange:e=>{w(e),null==u||u(e)},countries:c,defaultCountry:i||o,countryCallingCodeEditable:s,displayInitialValueAsLocalNumber:!0,className:G()(eB.phoneInput,{isError:r,[eB.error]:r,[eB.selectedCountry]:o},b),flagUrl:void 0,flagComponent:I,countrySelectProps:{arrowComponent:O},id:y},C);return f?l.createElement(FloatingLabelControl,{shrink:!!x},l.createElement(FloatingLabelControl.Control,null,({shrink:e})=>l.createElement(k.I.Wrapper,{size:"md",label:l.createElement(H.T,{size:e?"p3":"p2",variant:"secondary",weight:"halfBold"},E),inputWrapperOrder:["label","input","description","error"],error:v&&l.createElement(ErrorLabel,{label:v})},l.createElement(m.x,{className:"mantine-Input-wrapper",sx:e=>({".PhoneInput .PhoneInputInput":Object.assign(Object.assign({},(0,z.G)(e)[z.C.LEADGEN].p2),{color:e.colors.gray[9],fontWeight:z.F.halfBold})})},l.createElement(L.default,Object.assign({},j)))))):l.createElement(L.default,Object.assign({},j))});(0,l.forwardRef)((e,t)=>{let{defaultCountry:a,id:r,name:i,placeholder:o,label:c,labelElement:s,labelProps:d,description:p,descriptionProps:u,withAsterisk:h,inputMode:m,inputContainer:g,inputWrapperOrder:f,error:b,className:y,classNames:E,style:v,styles:C}=e,x=(0,n.a)(e,["defaultCountry","id","name","placeholder","label","labelElement","labelProps","description","descriptionProps","withAsterisk","inputMode","inputContainer","inputWrapperOrder","error","className","classNames","style","styles"]),w=r||(0,U.Z)()+i;return l.createElement(k.I.Wrapper,{size:"md",label:c,labelElement:s,labelProps:Object.assign({htmlFor:w},d),description:p,descriptionProps:u,withAsterisk:h,inputMode:m,inputContainer:g,inputWrapperOrder:f,error:b,"data-invalid":!!b,className:y,classNames:E,style:v,styles:C},l.createElement("div",{className:"mantine-Input-wrapper"},l.createElement(eA,Object.assign({},x,{id:w,ref:t,name:i,spellCheck:!1,placeholder:o,defaultCountry:a,className:"mantine-Input-input",type:"tel","data-control":"tel"}))))});let ez=(0,l.createContext)({}),Popover=e=>{var{children:t,closeOnClickOutside:a=!0}=e,r=(0,n.a)(e,["children","closeOnClickOutside"]);let[i,{close:o,open:c}]=(0,B.q)(!1),s=a?(0,$.O)(o):(0,l.useRef)(),d=Object.assign({},"function"==typeof t?{opened:i}:{});return l.createElement(ez.Provider,{value:{opened:i,close:o,open:c}},l.createElement(M.J,Object.assign({closeOnClickOutside:a},d,r),l.createElement("div",{ref:s},"function"==typeof t?t({open:c,close:o,opened:i}):t)))};Popover.Target=M.J.Target,Popover.Dropdown=M.J.Dropdown;var eV=(0,i.k)(e=>{var t;return{root:{},iconWrapper:{display:"none"},label:{display:"inline-block",cursor:"pointer",".checked":{display:"none"},".unchecked":{display:"inline-block"},'&[data-checked="true"]':{".checked":{display:"inline-block"},".unchecked":{display:"none"}},'&,&[data-checked="true"]':{padding:0,border:0,height:"auto"}},btnRoot:{pointerEvents:"none",'&[data-variant="secondary"]':{backgroundColor:null===(t=e.colors[e.primaryColor])||void 0===t?void 0:t[0]},".mantine-Button-label":{fontWeight:"normal",fontSize:(0,o.h)(14)}}}});let ChipButton=e=>{var{variant:t="secondary",withIcon:a,children:r,buttonProps:i}=e,o=(0,n.a)(e,["variant","withIcon","children","buttonProps"]);let{classes:c,cx:s}=eV();return l.createElement(R.A,Object.assign({classNames:c},o,{unstyled:!0}),l.createElement(et.B,Object.assign({className:s(c.btnRoot,"checked"),leftIcon:a?l.createElement(X.Z,{size:18,color:"currentColor"}):void 0,variant:t},i),r),l.createElement(et.B,Object.assign({className:s(c.btnRoot,"unchecked"),leftIcon:a?l.createElement(ee.Z,{size:18,color:"currentColor"}):void 0,variant:"tertiary"},i),r))};ChipButton.Group=R.A.Group},aPL9:function(e,t,a){a.d(t,{B:function(){return BookingSearchBarV3},T:function(){return TextDivider}});var n,l,r,i,o=a("q1tI"),c=a("6mQP"),s=a("0D4Z"),d=a("iuhU"),p=a("Eso5"),u=a("aDCK"),h=a("mYVa"),m=a("vaps"),g=a("8vDj"),f=a("OAL+"),b=a("SPK5"),y=a("TIp3"),E=a("CmzK"),v=a("NEaA"),C=a("rlLN"),x=a("Iblh"),w=a("+KOz"),L=a("h4DH"),S=a("Frmf"),k=a("sEfC"),I=a.n(k),O=a("MCzq"),j=a("rBCA"),M=a("iBNF"),R=a("q+5q"),Z=a("yxro"),F=a("V50O"),$=a("DwFu"),T=a("otAR"),P=a("A24R"),B=a("KWqw"),A=a("dvPo"),z=a("2Qp+");let V=j.Z.div``,N=j.Z.div`
  background-color: ${M.r.colors.neutral50};
  padding-bottom: 1px;
  ${R.M.mbDown} {
    padding: 0;
  }
`,D=(0,j.Z)(Z.C)`
  padding: 0 16px;

  ${R.M.mbDown} {
    padding: 0;
  }
`,H=j.Z.div`
  padding: 24px 56px;
  border-radius: 16px;
  background-color: ${M.r.colors.white};
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04),
    0px 0px 2px 0px rgba(0, 0, 0, 0.06), 0px 4px 8px 0px rgba(0, 0, 0, 0.04);

  ${R.M.mbDown} {
    padding: 16px;
    border-radius: 0;
  }

  .flex-search-input {
    flex-direction: row;
    ${R.M.mbDown} {
      flex-direction: column;
    }
  }
`,q={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0,"ms-MY":2,"th-TH":2},_={isMobile:!1,isDebug:!1,navigateTo:null,geoLocationPermission:"unset",geoLocationCoordinates:null,focused:"none",focusedSpecialty:"none",searchLocationKeywords:"",searchSpecialtyKeywords:"",searchKeywords:"",selectedLocation:null,selectedSpecialty:null,defaultCity:null,initialCities:[],cities:[],searchResults:{},initialSearchResults:{},isLoadingCities:!1,isLoadingSearchResults:!1,isMobileModalOpened:!1,initialSelectedCity:null,autoCompleteDisabled:!1,inputSearchPlaceholder:"",locale:"vi-VN",allSpecialties:[],popularKeys:[]};function resetSearchLocationKeywords(e){let{selectedLocation:t,searchLocationKeywords:a}=e;return t&&a!==t.name?Object.assign(Object.assign({},e),{searchLocationKeywords:t.name}):e}function reducer(e,t){var a,n;switch(e.isDebug&&console.log("bookingSearchBarV3",{action:t,state:e}),t.type){case r.NavigateTo:return Object.assign(Object.assign({},e),{navigateTo:t.payload,focused:"none",isMobileModalOpened:!1});case r.ClickOutsideInputLocation:if("location"!==e.focused)return e;return resetSearchLocationKeywords(Object.assign(Object.assign({},e),{focused:"none"}));case r.ClickOutsideInputSpecialty:if("specialty"!==e.focused)return e;return resetSearchLocationKeywords(Object.assign(Object.assign({},e),{focused:"none"}));case r.ClickOutsideInputSearch:if("search"!==e.focused)return e;return Object.assign(Object.assign({},e),{focused:"none"});case r.ClickOutsideInputSearchSpecialty:if("search"!==e.focusedSpecialty)return e;return Object.assign(Object.assign({},e),{focusedSpecialty:"none"});case r.FocusInputLocation:{let t=Object.assign(Object.assign({},e),{focused:"location"});return(null===(a=e.selectedLocation)||void 0===a?void 0:a.id)===O.a&&(t.searchLocationKeywords=""),t}case r.FocusInputSpecialty:{let t=Object.assign(Object.assign({},e),{focused:"specialty"});return(null===(n=e.selectedLocation)||void 0===n?void 0:n.id)===O.a&&(t.searchLocationKeywords=""),t}case r.FocusInputSearch:let l=Object.assign(Object.assign({},e),{focused:"search"});if(e.isMobile)return resetSearchLocationKeywords(l);return l;case r.FocusInputSearchSpecialty:{let t=Object.assign(Object.assign({},e),{focusedSpecialty:"search"});return t}case r.ChangeInputLocation:return Object.assign(Object.assign({},e),{searchLocationKeywords:t.payload});case r.ChangeInputSearch:{let a=t.payload;return Object.assign(Object.assign({},e),{searchKeywords:a,isLoadingSearchResults:a.trim().length>q[e.locale]})}case r.SelectCurrentLocation:return Object.assign(Object.assign({},e),{focused:"none",selectedLocation:t.payload,searchLocationKeywords:t.payload.name});case r.ClearInputLocation:return Object.assign(Object.assign({},e),{focused:"location",cities:e.initialCities,searchLocationKeywords:""});case r.ClearInputSearch:return Object.assign(Object.assign({},e),{focused:"search",searchKeywords:""});case r.SelectLocation:return Object.assign(Object.assign({},e),{focused:"none",selectedLocation:t.payload,searchLocationKeywords:t.payload.name,searchResults:{}});case r.SelectSpecialty:return Object.assign(Object.assign({},e),{focused:"none",selectedSpecialty:t.payload,searchResults:{}});case r.SelectSearchResult:return Object.assign(Object.assign({},e),{searchKeywords:t.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:t.payload.url});case r.FetchCitiesStart:return Object.assign(Object.assign({},e),{isLoadingCities:!0});case r.FetchCitiesFinish:return Object.assign(Object.assign({},e),{isLoadingCities:!1});case r.FetchSearchResultsStart:return Object.assign(Object.assign({},e),{isLoadingSearchResults:!0});case r.FetchSearchResultsFinish:return Object.assign(Object.assign({},e),{isLoadingSearchResults:!1});case r.FetchSearchResultsComplete:{let a=Object.assign(Object.assign({},e),{searchResults:Object.assign(Object.assign({},e.searchResults),{[t.payload.key]:t.payload.searches})});return a}case r.FetchCitiesByGeoIpComplete:{let{cities:a}=t.payload,{default:n}=t.payload;a=a.filter(e=>e.id!==n.id),n&&a.unshift(n),e.initialSelectedCity&&!a.find(t=>t.id===e.initialSelectedCity.id)&&a.unshift(e.initialSelectedCity);let l=Object.assign(Object.assign({},e),{defaultCity:n,initialCities:a,cities:a});return"denied"!==e.geoLocationPermission||e.initialSelectedCity||(l.selectedLocation=n,l.searchLocationKeywords=n.name),l}case r.FetchCitiesByKeywordComplete:return Object.assign(Object.assign({},e),{cities:t.payload});case r.DisplayInitialCities:return Object.assign(Object.assign({},e),{cities:e.initialCities});case r.DisplayInitialSearchResults:{let t=e.searchKeywords.trim(),a=q[e.locale],n=t.length>0&&t.length<=a;return Object.assign(Object.assign({},e),{searchResults:n?{}:e.initialSearchResults,isLoadingSearchResults:!1})}case r.UpdateInitialSearchResults:return Object.assign(Object.assign({},e),{initialSearchResults:Object.assign(Object.assign({},e.initialSearchResults),{[t.payload.key]:t.payload.searches})});case r.GrantGeoLocationPermission:return Object.assign(Object.assign({},e),{geoLocationPermission:"granted",geoLocationCoordinates:t.payload});case r.DenyGeoLocationPermission:return Object.assign(Object.assign({},e),{geoLocationPermission:"denied",geoLocationCoordinates:null});case r.OpenMobileModal:return Object.assign(Object.assign({},e),{isMobileModalOpened:!0});case r.CloseMobileModal:return Object.assign(Object.assign({},e),{isMobileModalOpened:!1});case r.UpdateInitialSearchValue:return Object.assign(Object.assign({},e),{searchKeywords:t.payload});case r.SetInputSearchPlaceholder:return Object.assign(Object.assign({},e),{inputSearchPlaceholder:t.payload});case r.FetchAllSpecialties:return Object.assign(Object.assign({},e),{allSpecialties:t.payload});case r.FetchPopularKeys:return Object.assign(Object.assign({},e),{popularKeys:t.payload});default:return e}}(n=r||(r={})).NavigateTo="navigate to url",n.ClickOutsideInputLocation="click outside input location",n.ClickOutsideInputSearch="click outside input search",n.ClickOutsideInputSearchSpecialty="click outside input search specialty",n.ClickOutsideInputSpecialty="click outside input specialty",n.SelectCurrentLocation="select current location",n.FocusInputLocation="focus input location",n.FocusInputSearch="focus input search",n.FocusInputSearchSpecialty="focus input search specialty",n.ChangeInputLocation="change input location",n.ChangeInputSearch="change input search",n.ClearInputLocation="clear input location",n.ClearInputSearch="clear input search",n.SelectLocation="select location",n.SelectSpecialty="select specialty",n.FetchCitiesStart="fetch cities start",n.FetchCitiesFinish="fetch cities finish",n.FetchSearchResultsStart="fetch search results start",n.FetchSearchResultsComplete="fetch search results complete",n.FetchSearchResultsFinish="fetch search results finish",n.FetchCitiesByGeoIpComplete="fetch cities by geo IP finish",n.FetchCitiesByKeywordComplete="fetch cities by keyword finish",n.DisplayInitialCities="display initial cities",n.DisplayInitialSearchResults="display initial search results",n.UpdateInitialSearchResults="update initial search results",n.GrantGeoLocationPermission="grant geolocation permission",n.DenyGeoLocationPermission="deny geolocation permission",n.OpenMobileModal="open mobile modal",n.CloseMobileModal="close mobile modal",n.UpdateInitialSearchValue="update initial search value",n.SelectSearchResult="select search result",n.SetInputSearchPlaceholder="set input search placeholder",n.FocusInputSpecialty="focus input specialty",n.FetchAllSpecialties="fetch all specialty",n.FetchPopularKeys="fetch popular key by type";let K=j.Z.div`
  flex: 1;
  position: relative;

  ${R.M.mbDown} {
    width: 100%;
  }
`,W=j.Z.div`
  background: #f7f9fc;
  border-radius: 12px;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 4px 12px 4px 4px;
  gap: 16px;

  ${R.M.mbDown} {
    height: 48px;
    width: 100%;
  }
`,G=j.Z.div`
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: #8c8c8c;

  svg {
    width: 18px;
    height: 18px;
  }
`,U=j.Z.div`
  position: absolute;
  top: calc(100% + 2px);
  width: 100%;
  border-radius: 4px;
  background: ${M.r.colors.white};
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1);
  z-index: 10;

  ${R.M.mbDown} {
    width: calc(100% + 64px);
    left: -32px;
  }
`,Y=j.Z.div``;j.Z.div`
  display: flex;
  justify-content: space-between;
  align-item: center;
  padding: 9px 14px 9px 22px;
  background: #f7f9fc;

  .title {
    color: ${M.r.colors.gray800};
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
  }

  .btn-see-all {
    color: ${M.r.colors.blue600};
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
  }
`;let Q=j.Z.div`
  padding: 10px 16px;
  max-height: 400px;
  overflow: auto;
`,J=j.Z.div`
  display: flex;
  gap: 12px;
  align-items: center;
  cursor: pointer;

  ${R.M.mbUp} {
    &:hover {
      background-color: ${M.r.colors.blue50};
    }
  }

  .image-item {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;

    img {
      object-fit: contain;
      width: 100%;
      height: 100%;
      border-radius: 50%;
    }
  }
  .infor {
    overflow: hidden;
    padding: 12px 0;
    flex: 1;
    border-bottom: 1px solid ${M.r.colors.neutral100};
    .title {
      color: ${M.r.colors.gray800};
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
    }
    .description {
      overflow: hidden;
      color: ${M.r.colors.gray600};
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 12px;
      line-height: 18px;
      display: flex;
      gap: 8px;
      align-items: center;
      margin-top: 5px;

      svg {
        flex: 0 0 16px;
      }

      .sub-description {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        flex: 1;
      }
    }
  }

  &.last-item {
    .infor {
      border-bottom: none;
    }
  }
`;j.Z.div`
  padding: 0 16px 16px;

  .search-detail-btn {
    color: ${M.r.colors.blue600};
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
  }
`;let SearchResult=({state:e,type:t,results:a,isLoading:n,typeInformation:l,dispatch:i})=>{let{t:c}=(0,S.u)(),{selectedLocation:p}=e,u=(0,o.useMemo)(()=>l[t].slug,[l,t]),handleOnClick=e=>{let a="";switch(t){case"service":a=`/${p.slug}/${u}/${e.slug}`;break;case"doctor":case"hospital":a=`/${u}/${e.slug}-${e.id}`}a&&i({type:r.NavigateTo,payload:a})};return null===a?null:o.createElement(Y,null,o.createElement(Q,{className:"search-results__body"},n&&o.createElement("div",{className:"skeleton-result"},[,,,].fill(void 0).map((e,a)=>o.createElement(J,{key:t+"loading"+a,className:2===a?"last-item":""},o.createElement("div",{className:"image-item"},o.createElement(s.O,{height:48,circle:!0,mb:"xl",animate:!0})),o.createElement("div",{className:"infor"},o.createElement("div",{className:"title"},o.createElement(s.O,{height:8,mt:10,radius:"xl",animate:!0})),o.createElement("div",{className:"description"},o.createElement("div",{className:"sub-description"},o.createElement(s.O,{height:8,mt:10,radius:"xl",width:"80%",animate:!0}))))))),!n&&a&&a.length>0&&o.createElement(o.Fragment,null,a.map((e,n)=>{var r,i;let c=a.length>4&&3===n||a.length<=4&&n===a.length-1,s="";return("hospital"===t&&(s=(null==e?void 0:e.address)||""),"doctor"===t&&(s=(null===(r=null==e?void 0:e.specialties)||void 0===r?void 0:r.join(", "))||""),"service"===t&&(s=(null===(i=null==e?void 0:e.hospital_branch)||void 0===i?void 0:i.name)||""),n>=4)?o.createElement(o.Fragment,null):o.createElement(J,{key:e.id,className:(0,d.default)(c?"last-item":"","result-item"),onClick:()=>handleOnClick(e)},o.createElement("div",{className:"image-item"},o.createElement("img",{src:e.logo||e.avatar,alt:e.name})),o.createElement("div",{className:"infor"},o.createElement("div",{className:"title"},e.name),o.createElement("div",{className:"description"},l[t].icon,o.createElement("div",{className:"sub-description"},s))))})),!n&&(null==a?void 0:a.length)===0&&o.createElement(F.T,{size:"sm",color:M.r.colors.gray400,className:"noresult-block"},c("booking.searchBar.noResults"))))},SearchResultContent=({state:e,type:t,isLoading:a,clientSlug:n,typeInformation:l,dispatch:r})=>{var i;return"search"!==e.focused?null:o.createElement(SearchResult,{type:t,state:e,results:(null===(i=e.searchResults)||void 0===i?void 0:i[t])||null,location:e.selectedLocation.name,dispatch:r,isLoading:a,typeInformation:l,clientSlug:n})},X=j.Z.div`
  position: relative;
  flex-shrink: 0;

  ${R.M.mbDown} {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  &.compact {
    ${R.M.mbDown} {
      width: auto;
      display: block;
    }
  }
`,ee=j.Z.div`
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 264px;
  background: white;
  border-radius: 12px;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04),
    0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 10px 16px 0px rgba(0, 0, 0, 0.04);
  z-index: 10;
  overflow: hidden;

  &.mobile {
    min-width: 280px;
  }
`,et=j.Z.div`
  cursor: pointer;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  outline: none;

  .image-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;

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

    svg {
      width: 24px;
      height: 24px;
    }
  }

  .item-label {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.3px;
    color: ${M.r.colors.gray800};
  }

  &:hover {
    background-color: ${M.r.colors.neutral50};
  }

  &.selected {
    background-color: ${M.r.colors.neutral50};
  }

  &:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }
`,DoctorIcon=()=>o.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},o.createElement("path",{d:"M8.983 14.333q-1.666 0-2.833-1.166Q4.983 12 4.983 10.333v-.366a3.48 3.48 0 0 1-2.258-1.2 3.57 3.57 0 0 1-.909-2.434V3.1a.58.58 0 0 1 .175-.425.58.58 0 0 1 .425-.175h1.4v-.167a.486.486 0 0 1 .5-.5q.217 0 .36.142a.5.5 0 0 1 .14.358v1.334a.485.485 0 0 1-.5.5.484.484 0 0 1-.5-.5V3.5h-1v2.833q0 1.1.784 1.884Q4.383 9 5.483 9t1.883-.783.784-1.884V3.5h-1v.167a.485.485 0 0 1-.5.5.484.484 0 0 1-.5-.5V2.333a.486.486 0 0 1 .5-.5q.217 0 .358.142a.5.5 0 0 1 .142.358V2.5h1.4a.58.58 0 0 1 .425.175.58.58 0 0 1 .175.425v3.233q0 1.4-.908 2.434a3.5 3.5 0 0 1-2.259 1.2v.366q0 1.25.875 2.126a2.9 2.9 0 0 0 2.125.874q1.25 0 2.125-.874a2.9 2.9 0 0 0 .875-2.126V9.25a1.74 1.74 0 0 1-.858-.609 1.6 1.6 0 0 1-.342-1.008q0-.716.5-1.216t1.2-.5q.716 0 1.217.5.5.5.5 1.216 0 .567-.342 1.008t-.875.609v1.083q0 1.667-1.167 2.834-1.166 1.166-2.833 1.166m3.5-6q.3 0 .509-.208a.67.67 0 0 0 .208-.492q0-.3-.208-.508a.7.7 0 0 0-.509-.208q-.3 0-.5.208a.7.7 0 0 0-.2.508q0 .284.2.492t.5.208",fill:"#595959"})),ServiceIcon=()=>o.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},o.createElement("path",{d:"M6.868 9.265v.974q0 .405.284.69.284.283.69.283t.69-.284.284-.69v-.973h.973q.405 0 .69-.284a.94.94 0 0 0 .284-.689.94.94 0 0 0-.284-.69.94.94 0 0 0-.69-.284h-.973v-.974a.94.94 0 0 0-.284-.69.94.94 0 0 0-.69-.284.94.94 0 0 0-.689.284.94.94 0 0 0-.285.69v.974h-.973a.94.94 0 0 0-.69.283.94.94 0 0 0-.284.69q0 .405.284.69.285.284.69.284zm-3.46 4.868q-.581 0-.994-.413A1.36 1.36 0 0 1 2 12.725v-6.65a1.4 1.4 0 0 1 .563-1.127l4.434-3.333q.369-.282.844-.282.474 0 .846.282l4.434 3.333q.264.193.413.493.15.3.15.633v6.651q0 .58-.414.995a1.36 1.36 0 0 1-.994.413zm0-1.168h8.868q.105 0 .172-.068a.23.23 0 0 0 .068-.172v-6.65a.2.2 0 0 0-.027-.11.3.3 0 0 0-.07-.085L7.983 2.554a.2.2 0 0 0-.142-.052.2.2 0 0 0-.142.052L3.266 5.88a.3.3 0 0 0-.071.086.2.2 0 0 0-.027.108v6.651q0 .105.068.172a.23.23 0 0 0 .172.068",fill:"#595959"})),HospitalIcon=()=>o.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},o.createElement("path",{d:"M8 8q.55 0 .941-.392.393-.391.392-.941 0-.55-.392-.942A1.28 1.28 0 0 0 8 5.333q-.55 0-.942.392a1.28 1.28 0 0 0-.391.942q0 .55.391.941Q7.45 8 8 8m0 4.9q2.032-1.866 3.017-3.392Q12 7.983 12 6.8q0-1.817-1.158-2.975Q9.682 2.667 8 2.667T5.158 3.825Q4 4.983 4 6.8q0 1.184.983 2.708Q5.966 11.034 8 12.9m0 1.517a.8.8 0 0 1-.5-.183q-2.433-2.151-3.633-3.992T2.667 6.8q0-2.5 1.608-3.983Q5.883 1.332 8 1.333q2.116 0 3.725 1.484T13.333 6.8q0 1.6-1.2 3.442-1.2 1.841-3.633 3.991a.8.8 0 0 1-.5.184",fill:"#8C8C8C"})),SpecialtyIcon=()=>o.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},o.createElement("path",{d:"M3.833.5a3.333 3.333 0 1 0 0 6.667 3.333 3.333 0 0 0 0-6.667M10.5.5c-.92 0-1.667.746-1.667 1.667V5.5c0 .92.746 1.667 1.667 1.667h3.333c.921 0 1.667-.746 1.667-1.667V2.167C15.5 1.246 14.754.5 13.833.5zM3.833 8.833a3.333 3.333 0 1 0 0 6.667 3.333 3.333 0 0 0 0-6.667m8.334 0a3.333 3.333 0 1 0 0 6.667 3.333 3.333 0 0 0 0-6.667",fill:"#9AA2AC"})),SearchSpecialty=({state:e,isMobile:t,onSpecialtyClick:a,dispatch:n,isCompact:l=!1})=>{let{t:i,locale:s}=(0,S.u)(),d=(0,o.useRef)(null),g=(0,o.useRef)(null),f=(0,o.useMemo)(()=>O.L[s],[s]),[b,y]=(0,o.useState)(""),[E,{close:v,toggle:C}]=(0,x.q)(!1);(0,L.a)(d,()=>{v(),y(""),n({type:r.ClickOutsideInputSpecialty})});let w=(0,o.useMemo)(()=>[{name:i("booking.searchBar.allSpecialties"),id:-1,thumbnail:"",total_doctor:0,slug:f.SPECIALTIES},...e.allSpecialties],[e.allSpecialties,i,f.SPECIALTIES]),k=(0,o.useMemo)(()=>b.trim()?w.filter(e=>e.name.toLowerCase().includes(b.toLowerCase().trim())):w,[w,b]),I=(0,o.useMemo)(()=>e.selectedSpecialty?e.selectedSpecialty.name:"",[e.selectedSpecialty]),j=(0,o.useCallback)(e=>{a({id:e.id,name:e.name,slug:e.slug,thumbnail:e.thumbnail||"",total_doctor:0}),v(),y("")},[a,v]),R=(0,o.useCallback)(()=>{C(),E&&y("")},[C,E]);return o.createElement(X,{ref:d,className:l?"compact":""},o.createElement(p.x,{onClick:R,className:E?"dropdown-trigger-open":"",sx:{cursor:"pointer",position:"relative",width:l?t?96:160:"100%",flexShrink:0}},o.createElement(u.I,{readOnly:!0,value:I,placeholder:i("booking.searchPopup.specialties"),rightSection:o.createElement($.C,{style:{width:20,height:20}}),styles:Object.assign({input:{cursor:"pointer",outline:"none","&:focus":{outline:"none"},"&:not(.mantine-Textarea-input)":{height:l?40:t?40:46,fontSize:l?(0,h.h)(14):t?(0,h.h)(14):(0,h.h)(16),paddingLeft:l?12:16,paddingRight:30,background:l?"white":"transparent",border:l?`1px solid ${M.r.colors.gray200}`:"none",borderRadius:8,letterSpacing:"-0.2px",color:M.r.colors.gray800,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"}},rightSection:{width:30,pointerEvents:"none"}},!l&&{wrapper:{position:"relative","&:after":{content:'""',width:"1px",height:"20px",backgroundColor:M.r.colors.neutral100,position:"absolute",right:0,top:"50%",transform:"translateY(-50%)"}}})})),E&&o.createElement(ee,{className:t?"mobile":""},o.createElement(p.x,{sx:{padding:"12px 12px 8px"}},o.createElement(u.I,{ref:g,icon:o.createElement(c.Z,{size:18,color:M.r.colors.gray300}),placeholder:i("booking.searchBar.placeholder.specialty"),value:b,onChange:e=>y(e.target.value),size:"md",styles:{input:{height:40,fontSize:(0,h.h)(15),paddingLeft:36,"&::placeholder":{color:M.r.colors.gray400}},icon:{width:36}}})),o.createElement(m.x.Autosize,{mah:300},0===k.length?o.createElement(p.x,{sx:{padding:"12px 16px",color:M.r.colors.gray400,fontSize:14}},i("common.noResult")):k.map(t=>{var a,n;return o.createElement(et,{key:t.id,tabIndex:0,role:"option","aria-selected":(null===(a=e.selectedSpecialty)||void 0===a?void 0:a.id)===t.id,className:(null===(n=e.selectedSpecialty)||void 0===n?void 0:n.id)===t.id?"selected":"",onClick:()=>j(t),onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),j(t))}},o.createElement("div",{className:"image-item"},t.thumbnail?o.createElement("img",{src:t.thumbnail,alt:t.name}):o.createElement(SpecialtyIcon,null)),o.createElement("span",{className:"item-label"},t.name))}))))},ea=(0,o.forwardRef)(({state:e,type:t,isMobile:a,isLoading:n,initalSearchValue:l,typeInformation:i,debouncedFetchSearchResults:s,trackingAttributes:d,hideSpecialtySelection:p=!1,clientSlug:m="",onSearch:g,onFocusInput:f,onEnterSearch:b,dispatch:y,onlyShowSearchBox:E,onChangeSpecialty:v},C)=>{let{t:x}=(0,S.u)(),w=(0,o.useRef)(null),k=(0,o.useRef)(null);(0,o.useImperativeHandle)(C,()=>({focus:()=>{var e;null===(e=k.current)||void 0===e||e.focus()}}));let I=(0,o.useMemo)(()=>d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{},[d]),O=(0,o.useMemo)(()=>"doctor"===t?x("booking.searchBar.placeholder.doctor"):"service"===t?x("booking.searchBar.placeholder.service"):"hospital"===t?x("booking.searchBar.placeholder.hospital"):"specialty"===t?x("booking.searchBar.placeholder.specialty"):"",[t,x]),j="specialty"!==t&&"service"!==t&&!p&&!E,R=(0,o.useMemo)(()=>({input:{border:"none",background:"transparent",height:"100%",fontSize:(0,h.h)(16),color:M.r.colors.gray800,padding:"0","&::placeholder":{color:M.r.colors.gray400},"&:focus":{outline:"none",boxShadow:"none"},[a?"@media (max-width: 767px)":""]:a?{fontSize:(0,h.h)(16)}:{}},wrapper:{flex:1}}),[a]);(0,L.a)(w,()=>{a||y({type:r.ClickOutsideInputSearch})});let Z=(0,o.useCallback)(function(a){y({type:r.ChangeInputSearch,payload:a}),"function"!=typeof g&&(a.trim().length>q[e.locale]||l||0===a.trim().length)&&s(a.trim(),e,t,m)},[y,e,t,l,s,m,g]),F=(0,o.useCallback)(function(e){var t;y({type:r.SelectSpecialty,payload:e}),null==v||v(e),a||null===(t=k.current)||void 0===t||t.focus()},[y,v]),$=(0,o.useCallback)(e=>{"Enter"===e.key&&(e.stopPropagation(),e.preventDefault(),b&&b())},[b]);return o.createElement(K,{ref:w},o.createElement(W,null,j&&o.createElement(SearchSpecialty,{state:e,isMobile:a,dispatch:y,debouncedFetchSearchResults:s,onSpecialtyClick:F,isCompact:!0}),o.createElement(G,null,o.createElement(c.Z,null)),o.createElement(u.I,Object.assign({ref:k,variant:"unstyled",size:a?"md":"lg",placeholder:O,styles:R,value:e.searchKeywords,name:"search-results",autoComplete:"off",onFocus:()=>{y({type:r.FocusInputSearch}),null==f||f()},onChange:e=>{Z(e.target.value)},onKeyDown:$},I))),!a&&"specialty"!==t&&o.createElement(U,null,o.createElement(SearchResultContent,{type:t,state:e,dispatch:y,isLoading:n,typeInformation:i,clientSlug:m})))});ea.displayName="SearchInputs";let ModalSearchResult=e=>{var{searchInputEle:t,closeModal:a,children:n}=e,l=(0,T.a)(e,["searchInputEle","closeModal","children"]);let r=(0,g.rZ)();return o.createElement(B.M,Object.assign({},l,{zIndex:310,fullScreen:!0,styles:{content:{borderRadius:0,height:"100%",".search-results__body":{padding:0},".result-item":{paddingLeft:16,paddingRight:16},".noresult-block":{padding:16},".skeleton-result":{padding:16}},header:{display:"none"}}}),o.createElement(f.K,{spacing:16,sx:{paddingTop:16}},o.createElement(b.k,{align:"center",gap:12},o.createElement(P.Z,{size:28,onClick:a,color:r.fn.primaryColor()}),o.createElement(p.x,{sx:{width:"100%"}},t)),n))},en=j.Z.div`
  position: relative;
  width: 240px;
  flex-shrink: 0;

  ${R.M.mbDown} {
    width: 100%;
  }
`;j.Z.div`
  position: absolute;
  top: calc(100% + 2px);
  width: 100%;
  border-radius: 4px;
  background: ${M.r.colors.white};
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1);
  z-index: 10;

  ${R.M.mbDown} {
    width: calc(100% + 64px);
    left: -32px;
  }
`;let el=j.Z.div`
  position: relative;
  cursor: pointer;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  overflow: hidden;

  & + li::before {
    content: '';
    position: absolute;
    left: 18px;
    right: 18px;
    top: 0;
    height: 1px;
    background-color: ${M.r.colors.neutral100};
  }

  &:not([data-is-denied='true']):hover {
    background-color: ${M.r.colors.neutral50};
  }

  &:last-child:hover {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  &:first-child:hover {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }

  &[data-is-denied='true'] {
    cursor: not-allowed;
  }
`,er=(0,j.Z)(w.P)`
  width: 12px;
  height: 18px;
  flex: 0 0 12px;
`,ei=(0,o.forwardRef)((e,t)=>{var{label:a,value:n}=e,l=(0,T.a)(e,["label","value"]);return o.createElement("div",Object.assign({ref:t},l),o.createElement(el,{key:n,role:"button",tabIndex:0,"aria-label":`Select ${a} as location`,className:"location-item"},o.createElement(er,{color:M.r.colors.neutral400}),o.createElement(y.x,{size:"md"},a)))}),SearchLocation=({state:e,debouncedFetchCitiesByKeyword:t,selectedLocation:a,trackingAttributes:n,onLocationClick:l,dispatch:i})=>{var c;let{t:s,locale:d}=(0,S.u)(),p=(0,o.useRef)(null),u=(0,o.useMemo)(()=>{var t;return[{name:s("booking.searchBar.allLocations"),id:O.I,slug:null===(t=O.L[d])||void 0===t?void 0:t.ALL},...e.cities]},[e.cities,s,d]),m=(0,o.useMemo)(()=>n?{"data-event-category":n.dataEventCategory,"data-event-action":n.dataEventAction,"data-event-label":n.dataEventLabel}:{},[n]),g=(0,o.useCallback)(function(a){i({type:r.ChangeInputLocation,payload:a}),a.trim().length>q[e.locale]?t(a.trim()):(t.cancel(),i({type:r.DisplayInitialCities}))},[t,i,e.locale]);(0,L.a)(p,()=>{i({type:r.ClickOutsideInputLocation})});let f=null!==(c=null==a?void 0:a.id)&&void 0!==c?c:null,b=null===f?void 0:String(f);return o.createElement(en,{ref:p},o.createElement(E.Ph,Object.assign({key:null!=b?b:"no-selected-location",defaultValue:b,placeholder:s("booking.searchBar.allLocations"),searchable:!0,onSearchChange:e=>{g(e)},onFocus:()=>{i({type:r.DisplayInitialCities})},onDropdownClose:()=>{t.cancel(),i({type:r.DisplayInitialCities})},nothingFound:s("common.noResult"),maxDropdownHeight:340,dropdownPosition:"bottom",icon:o.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M9.99908 10.8332C11.2264 10.8332 12.2213 9.83764 12.2213 8.61097C12.2213 7.3843 11.2264 6.38875 9.99908 6.38875C8.77174 6.38875 7.77686 7.3843 7.77686 8.61097C7.77686 9.83764 8.77174 10.8332 9.99908 10.8332Z",stroke:"#111111",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9.99919 18.0554C11.7584 17.4999 16.6659 13.611 16.6659 8.61097C16.6659 4.93097 13.6811 1.94431 9.99919 1.94431C6.3173 1.94431 3.33252 4.93097 3.33252 8.61097C3.33252 13.611 8.23996 17.4999 9.99919 18.0554Z",stroke:"#111111",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),rightSection:o.createElement($.C,{style:{width:20,height:20}})},m,{styles:()=>({item:{padding:0,"&[data-selected]":{"&, &:hover":{backgroundColor:"#F7F9FC",color:"inherit"},".location-item":{"&::after":{content:w.i,top:"50%",right:19,position:"absolute",transform:"translateY(-50%)"}}},"&[data-hovered]":{backgroundColor:"transparent"}},root:{width:"100%"},wrapper:{width:"100%"},input:{"&:not(.mantine-Textarea-input)":{height:48,fontSize:(0,h.h)(15),fontWeight:400,letterSpacing:"-0.3px",color:M.r.colors.gray1000,paddingLeft:44,paddingRight:40,background:"white",border:`1px solid ${M.r.colors.gray200}`,borderRadius:12}},icon:{width:44,paddingLeft:12},rightSection:{width:40,paddingRight:12},itemsWrapper:{padding:0},dropdown:{left:"0 !important",border:0,marginTop:4,borderRadius:12,overflow:"hidden",boxShadow:"0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 10px 16px 0px rgba(0, 0, 0, 0.04)","& ::-webkit-scrollbar":{width:"6px",height:"6px"}}}),itemComponent:ei,filter:()=>!0,onChange:e=>{if(null==e)return;let a=u.find(t=>String(t.id)===e);a&&(l(a),t.cancel(),i({type:r.DisplayInitialCities}),setTimeout(()=>{var e,t;null===(t=null===(e=p.current)||void 0===e?void 0:e.querySelector("input"))||void 0===t||t.blur()},0))},data:u.map(e=>({value:String(e.id),label:e.name,city:e}))})))},eo=j.Z.div`
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 20px;
  ${R.M.mbDown} {
    margin-top: 12px;
  }
`,ec=j.Z.div`
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid ${M.r.colors.neutral100};
  background: ${M.r.colors.white};
  padding: 8px 12px 8px 8px;
  flex: 0 0 calc(33.3% - 13px);
  gap: 12px;
  cursor: pointer;

  &:hover {
    background: ${M.r.colors.blue50};
  }

  ${R.M.tdDown} {
    flex: 0 0 calc(50% - 10px);
  }

  ${R.M.mbDown} {
    flex: 0 0 100%;
    border: none;
  }

  .image-item {
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px;

    img {
      width: 100%;
      object-fit: cover;
    }
  }

  .infor {
    flex: 1;
    .title {
      color: ${M.r.colors.gray800};
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
    }

    .description {
      color: ${M.r.colors.gray600};
      font-size: 12px;
      font-weight: 400;
      line-height: 18px;
    }
  }
`,es=(0,j.Z)(v.i)`
  margin: 24px 0 !important;
`,ed=j.Z.div`
  display: flex;
  justify-content: center;
  margin-top: 24px;
  .show-more {
    border-radius: 4px;
    border: 1px solid ${M.r.colors.neutral200};
    padding: 12px 16px;
    cursor: pointer;
    display: inline-block;
    color: ${M.r.colors.gray800};
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;

    ${R.M.mbDown} {
      width: 100%;
      text-align: center;
    }
  }
`,SearchResultSpecialties=({state:e,isMobile:t,specialties:a,isLoading:n,dispatch:l})=>{let{t:i,locale:c}=(0,S.u)(),{selectedLocation:d}=e,p=(0,o.useMemo)(()=>O.L[c],[c]),handleOnClick=e=>{let t="";e===O.S?(t=`/${d.slug}/${p.HOSPITAL}/${O.C.GSK}/`,l({type:r.ClickOutsideInputSearchSpecialty})):t=`/${d.slug}/${p.DOCTOR}/${e}`,l({type:r.NavigateTo,payload:t})},u=(0,o.useMemo)(()=>a.length>=9||e.searchKeywords.trim().length<=q[e.locale],[e.searchKeywords,a]);return o.createElement(o.Fragment,null,!t&&o.createElement(es,{color:"#E4E8EC"}),o.createElement(eo,null,a.length>0&&!n&&o.createElement(o.Fragment,null,a.map((e,t)=>t>=9?o.createElement(o.Fragment,null):o.createElement(ec,{key:e.id,onClick:()=>handleOnClick(e.slug)},o.createElement("div",{className:"image-item"},o.createElement("img",{src:e.thumbnail,alt:e.name})),o.createElement("div",{className:"infor"},o.createElement("div",{className:"title"},e.name))))),0===a.length&&!n&&o.createElement(F.T,{size:"sm",color:M.r.colors.gray400},i("booking.searchBar.noResults")),n&&Array(6).fill(void 0).map((e,t)=>o.createElement(ec,{key:"loading"+t},o.createElement("div",{className:"image-item"},o.createElement(s.O,{height:40,animate:!0})),o.createElement("div",{className:"infor"},o.createElement("div",{className:"title"},o.createElement(s.O,{height:20,radius:"sm",animate:!0})))))),u&&o.createElement(ed,null,o.createElement("div",{className:"show-more",onClick:()=>{let e=`/${p.SPECIALTIES}`;l({type:r.NavigateTo,payload:e})}},i("home.seeAll"))))},ep=j.Z.div`
  display: flex;
  gap: 5px;
  margin-top: 16px;
  flex-wrap: wrap;
`,eu=j.Z.div`
  color: ${M.r.colors.gray600};
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  padding: 4px 12px;
  background: ${M.r.colors.white};
  border-radius: 32px;
  cursor: pointer;
  border: 1px solid ${M.r.colors.white};
  margin-bottom: 5px;
  border-color: ${M.r.colors.neutral100};
  background: #f7f9fc;

  &.view-all {
    border-radius: 32px;
    border-color: ${M.r.colors.blue50};
    background: ${M.r.colors.blue50};
    color: ${M.r.colors.blue600};

    &:hover {
      border-color: ${M.r.colors.blue50};
      background: ${M.r.colors.blue50};
      color: ${M.r.colors.blue600};
    }
  }

  &:hover {
    border-color: ${M.r.colors.neutral100};
    background: #f7f9fc;
  }
`,eh=j.Z.div`
  color: ${M.r.colors.gray600};
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  padding: 4px 0;
  background: ${M.r.colors.white};
  border-radius: 32px;
  border: 1px solid ${M.r.colors.white};
  margin-bottom: 5px;
  margin-right: 7px;
`,SearchTag=({state:e,type:t,typeInformation:a,dispatch:n})=>{let{t:l}=(0,S.u)(),{selectedLocation:i}=e,c=(0,o.useMemo)(()=>a[t].slug,[a,t]),handleClickKeyword=e=>{e.url&&(window.location.href=e.url)};return o.createElement(ep,null,o.createElement(eh,null,l("booking.searchBar.popularKey")),e.popularKeys.map(e=>o.createElement(eu,{key:e.id,onClick:()=>handleClickKeyword(e)},e.keyword)),o.createElement(eu,{className:"view-all",onClick:()=>{let e=`/${i.slug}/${c}`;e&&n({type:r.NavigateTo,payload:e})}},l("booking.searchBar.viewAll")))},em=j.Z.div`
  background: rgba(255, 255, 255, 0.64);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid ${M.r.colors.neutral100};
`,eg=(0,j.Z)(Z.C)`
  padding: 0 16px;
`,TabSearch=({currentTab:e,hideTabBookingSearch:t=[],hideSpecialtyTab:a,isMobile:n,setCurrentTab:l})=>{let{t:r}=(0,S.u)(),i=(0,o.useMemo)(()=>({root:{overflowY:n?"hidden":"initial",overflowX:n?"auto":"initial"},tabsList:{background:"rgba(255, 255, 255, 0)",borderBottom:"none",flexWrap:"nowrap",".mantine-Tabs-tab":{"&:last-child":{"&:after":{display:"none"}}}},tab:{padding:n?"12px 16px 12px 16px":"15px 40px 15px 40px",borderTop:"2px solid transparent",borderBottom:"none",margin:0,borderRadius:0,position:"relative",width:"auto",'&[data-active="true"]':{borderColor:"#2d87f3",backgroundColor:"#ffffff","&:after":{display:"none"},"&:before":{content:'""',width:"100%",height:"1px",position:"absolute",backgroundColor:"#ffffff",bottom:"-1px"}},"&:hover":{borderColor:"#2d87f3",backgroundColor:"#ffffff","&:before":{content:'""',width:"100%",height:"1px",position:"absolute",backgroundColor:"#ffffff",bottom:"-1px"}},"&:after":{content:'""',width:"1px",height:"24px",backgroundColor:"#E4E8EC",position:"absolute",right:"-1px"}},tabLabel:{color:"#595959",fontSize:n?"14px":"16px",fontWeight:600,lineHeight:n?"22px":"24px"}}),[n]),c=(0,o.useMemo)(()=>[{value:"hospital",label:r("booking.searchPopup.hospitals")},{value:"doctor",label:r("booking.searchPopup.doctors")},{value:"service",label:r("booking.searchPopup.services")},...a?[]:[{value:"specialty",label:r("booking.searchPopup.specialties")}]],[a]),s=(0,o.useMemo)(()=>c.filter(e=>!t.includes(e.value))||[],[t,c]);return o.createElement(em,{className:"booking-search-tab"},o.createElement(eg,null,o.createElement(C.m,{value:e,onTabChange:e=>{l(e)},styles:i},o.createElement(C.m.List,null,s.map(e=>o.createElement(C.m.Tab,{value:e.value,key:e.value},e.label))))))};(l=i||(i={})).doctor="doctor",l.service="hospital_service",l.hospital="hospital_branch";let ignoreCacarSpecialty=e=>e.filter(e=>"string"==typeof e?"cacar-api"!==e:(null==e?void 0:e.id)!==232),BookingSearchBarV3=({isMobile:e,careApiDomain:t,geoLocationPermission:a,geoLocationCoordinates:n,initialSelectedCity:l,initialSearchValue:s="",initTypeSearch:d="hospital",initSpecialty:u,careFrontDomain:h="/care",isDebug:m=!1,gaTrackingSearchBar:g,gaTrackingLocationSearch:f,autoCompleteDisabled:y=!1,inputSearchPlaceholder:E="",hideTabBookingSearch:v=[],hideSpecialtySelection:C=!1,hideSpecialtyTab:k=!1,hidePopularSearchKeys:j=!1,clientSlug:M="",triggerSearchWhenChangeFilter:R,routerPush:Z,onGeoLocationPermissionChange:F,onChangeLocation:$})=>{var T;let{locale:P,t:B}=(0,S.u)(),K=(0,o.useRef)(null),W=(0,o.useRef)(null),G=(0,o.useRef)(null),U=(0,o.useRef)(null),[Y,Q]=(0,o.useState)(d),{geoLocationPermission:J,geoLocationCoordinates:X}=(0,w.u)(),[ee,et]=(0,o.useReducer)(reducer,_,t=>Object.assign(Object.assign({},t),{isDebug:m,isMobile:e,geoLocationPermission:a||J||"unset",geoLocationCoordinates:n||X||null,searchKeywords:s,initialSelectedCity:l||null,selectedLocation:l||t.selectedLocation||null,searchLocationKeywords:(null==l?void 0:l.name)||t.searchLocationKeywords,autoCompleteDisabled:y,inputSearchPlaceholder:E,locale:P})),{navigateTo:en,focusedSpecialty:el,searchKeywords:er,geoLocationPermission:ei,selectedLocation:eo,initialSelectedCity:ec,searchResults:es,isLoadingSearchResults:ed}=ee,{fetchCitiesByLocation:ep,fetchCitiesByKeyword:eu,fetchSearchResults:eh,fetchAllSpecialties:em,fetchPopularKeys:eg}=function({dispatch:e,careApiDomain:t,locale:a="vi-VN",client:n=""}){let l=(0,o.useCallback)(function(n,l={}){let i=`${t}${n}`;return e({type:r.FetchCitiesStart}),fetch((0,w.h)(i,l,a),{method:"GET"}).then(e=>e.json()).then(e=>1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e))).finally(()=>e({type:r.FetchCitiesFinish}))},[a]),c=(0,o.useCallback)(function({coordinates:t}){let i={},o={};t&&(i={lat:t.lat,lng:t.lng}),"ms-MY"===a&&(o.noPaging=1);let c=[l(A.P.GET_CITY_BY_IP,Object.assign(Object.assign(Object.assign({},i),o),{hospitalActive:1,client:O.C.MSD===n?"":n}))];return"zh-TW"===a?c.push(l(A.P.GET_CITIES_LIST,{noPaging:1,hospitalActive:1,client:O.C.MSD===n?"":n})):c.push(l(A.P.GET_CITIES_LIST,{noPaging:1,hospitalActive:1})),Promise.all(c).then(([t,a])=>{let n=Object.assign({},t);if(a){let e=n.cities.map(e=>e.id);n.cities=n.cities.concat(a.cities.filter(t=>!e.includes(t.id)))}e({type:r.FetchCitiesByGeoIpComplete,payload:n})}).catch(e=>console.error("error loading cities by location",e))},[a,t,e]),s=(0,o.useCallback)(function(t){return l(A.P.GET_CITIES_LIST,{keyword:t,client:n}).then(t=>{e({type:r.FetchCitiesByKeywordComplete,payload:t.cities})}).catch(e=>console.error("error loading cities by keyword",e))},[a,t,e]),d=(0,o.useCallback)(function(l,i,o,c,s){let d="specialty"===o?`${t}${A.P.GET_SEARCH_SPECIALTY}`:`${t}${A.P.GET_SEARCH_V2}`;e({type:r.FetchSearchResultsStart});let{selectedLocation:p,geoLocationCoordinates:u,selectedSpecialty:h}=i,m="";if(!p){e({type:r.FetchSearchResultsFinish});return}m=p.id===O.I?"":p.id;let g=(null==u?void 0:u.lat)||"",f=(null==u?void 0:u.lng)||"",b=(null==h?void 0:h.id)>0?null==h?void 0:h.id:"",y=l.trim().length>q[a]?l.trim():"";return fetch((0,w.h)(d,Object.assign({domain:t,searchType:o||"global",keyword:y,city:m===O.a?"":m,lat:g,lng:f,specialty_id:b,client_slug:O.C.MSD===c?"":c,msd:O.C.MSD===n?1:""},"doctor"===o&&{skipBooking:1}),a),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then(e=>e.json()).then(e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)).then(t=>{let a=[];"specialty"!==o&&(a="doctor"===o?t.searches.map(e=>Object.assign(Object.assign({},e),{specialties:ignoreCacarSpecialty((null==e?void 0:e.specialties)||[])})):t.searches),"specialty"===o&&(a=y?ignoreCacarSpecialty((null==t?void 0:t.specialties)||[]):ignoreCacarSpecialty((null==t?void 0:t.default)||[])),e({type:r.FetchSearchResultsComplete,payload:{key:o,searches:a||[]}}),s&&e({type:r.UpdateInitialSearchResults,payload:{key:o,searches:a||[]}})}).catch(e=>{console.log("error loading search results",{url:d,error:e})}).finally(()=>e({type:r.FetchSearchResultsFinish}))},[a,t,e]),p=(0,o.useCallback)(function(){let l=`${t}${A.P.GET_SEARCH_SPECIALTY}`;return fetch((0,w.h)(l,{domain:t,searchType:"",msd:O.C.MSD===n?1:""},a),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then(e=>e.json()).then(e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)).then(t=>{e({type:r.FetchAllSpecialties,payload:ignoreCacarSpecialty(t.specialties||[])})}).catch(e=>{console.log("error loading search results",{url:l,error:e})})},[a,t,e]),u=(0,o.useCallback)(function(n){let l=`${t}${A.P.GET_SEARCH_POPULAR_KEY}`;return fetch((0,w.h)(l,{domain:t,searchType:i[n],sort_by:"display_order",sort_order:"asc"},a)).then(e=>e.json()).then(e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)).then(t=>{e({type:r.FetchPopularKeys,payload:t.popular_searches||[]})}).catch(e=>{console.log("error loading search results",{url:l,error:e})})},[a,t,e]);return{fetchCitiesByLocation:c,fetchCitiesByKeyword:s,fetchSearchResults:d,fetchAllSpecialties:p,fetchPopularKeys:u}}({dispatch:et,locale:P,careApiDomain:t,client:M}),ef=(0,o.useMemo)(()=>O.L[P],[P]),[eb,{close:ey,open:eE}]=(0,x.q)(!1),ev=(0,o.useMemo)(()=>Object.assign({doctor:{name:B("booking.searchPopup.doctors"),icon:o.createElement(DoctorIcon,null),slug:ef.DOCTOR},service:{name:B("booking.searchPopup.services"),icon:o.createElement(ServiceIcon,null),slug:ef.SERVICE},hospital:{name:B("booking.searchPopup.hospitals"),icon:o.createElement(HospitalIcon,null),slug:ef.HOSPITAL}},!k&&{specialty:{name:B("booking.searchPopup.specialties"),icon:o.createElement(SpecialtyIcon,null),slug:ef.SPECIALTIES}}),[Y]),eC=(0,o.useMemo)(()=>I()(eu,400),[eu]),ex=(0,o.useMemo)(()=>I()(eh,400),[eh]),ew=(0,o.useCallback)(function({locationSlug:e,specialtyId:t}={}){var a;ey();let n="",{slug:l}=ev[Y],i="",o=O.M[P][M],c=t||(null===(a=ee.selectedSpecialty)||void 0===a?void 0:a.id)||-1,s=e||(null==eo?void 0:eo.slug)||"";("doctor"===Y||"hospital"===Y)&&c>0&&(i=`&specialtyId=${c}`),n="specialty"===Y?`/${l}`:`/${s}/${l}`,o&&(n+=`/${o}`),(n+=`?q=${er}${i}`)&&et({type:r.NavigateTo,payload:n})},[M,ey,Y,et,P,er,null==eo?void 0:eo.slug,null===(T=ee.selectedSpecialty)||void 0===T?void 0:T.id,ev]),eL=(0,o.useCallback)(function(e){R&&ew({locationSlug:e.slug}),et({type:r.SelectLocation,payload:e}),$&&$(e)},[et,e,$,ew,R]);(0,L.a)(U,()=>{e||et({type:r.ClickOutsideInputSearchSpecialty})}),(0,o.useEffect)(()=>{var t;"denied"===ei||ec||et({type:r.SelectLocation,payload:{name:B("booking.searchBar.allLocations"),id:O.I,slug:null===(t=O.L[P])||void 0===t?void 0:t.ALL}}),F&&F(ei,ee.geoLocationCoordinates),e&&"granted"===ei&&eo&&et({type:r.FocusInputSearch}),ep({coordinates:ee.geoLocationCoordinates})},[ei]),(0,o.useEffect)(()=>{var e;let t=u||{name:B("booking.searchBar.allSpecialties"),id:-1,thumbnail:"",total_doctor:0,slug:ef.SPECIALTIES};if(u){(null===(e=ee.selectedSpecialty)||void 0===e?void 0:e.id)!==u.id&&et({type:r.SelectSpecialty,payload:u});return}ee.selectedSpecialty&&ee.selectedSpecialty.id===t.id||et({type:r.SelectSpecialty,payload:t})},[u,ef.SPECIALTIES,B]),(0,o.useEffect)(()=>{em()},[]),(0,o.useEffect)(()=>{eg(Y)},[Y]),(0,o.useEffect)(()=>{en&&(Z?Z(en):window.location.href=`${h}${en}`)},[en]),(0,o.useEffect)(()=>{eh(ee.searchKeywords,ee,Y,M,!0)},[Y]),(0,o.useEffect)(()=>{if(eb&&e){let e=setTimeout(()=>{var e;null===(e=G.current)||void 0===e||e.focus()},150);return()=>clearTimeout(e)}},[eb,e]);let eS={type:Y,isMobile:e,state:ee,dispatch:et,debouncedFetchSearchResults:ex,initalSearchValue:s,onEnterSearch:ew,typeInformation:ev,trackingAttributes:g,isLoading:ed,hideSpecialtySelection:C||k,clientSlug:M,triggerSearchWhenChangeFilter:R,onChangeSpecialty:e=>R&&ew({specialtyId:e.id})};return o.createElement(o.Fragment,null,o.createElement(V,{ref:K},o.createElement(TabSearch,{currentTab:Y,setCurrentTab:Q,isMobile:e,hideTabBookingSearch:v,hideSpecialtyTab:k}),o.createElement(N,{className:"booking-search-container"},o.createElement(D,null,o.createElement(H,{className:"booking-search-content"},o.createElement("div",{ref:U},o.createElement(b.k,{gap:"12px",align:"center",className:"flex-search-input"},o.createElement(ea,Object.assign({},eS,{ref:W,onFocusInput:()=>e&&eE()})),"specialty"!==Y&&o.createElement(SearchLocation,{state:ee,isMobile:e,dispatch:et,debouncedFetchCitiesByKeyword:eC,selectedLocation:eo,onLocationClick:eL,trackingAttributes:f}),!e&&o.createElement(z.B,{size:"lg",variant:"primary",onClick:()=>ew(),styles:{root:{height:"48px",minWidth:"120px",borderRadius:"12px"}}},B("booking.searchBar.searchButton"))),!j&&"specialty"!==Y&&ee.popularKeys.length>0&&o.createElement(SearchTag,{type:Y,state:ee,typeInformation:ev,dispatch:et}),"specialty"===Y&&"search"===el&&o.createElement(SearchResultSpecialties,{state:ee,isMobile:e,dispatch:et,specialties:(null==es?void 0:es.specialty)||[],isLoading:ed})))))),e&&o.createElement(ModalSearchResult,{keepMounted:!0,opened:eb,onClose:ey,closeModal:ey,searchInputEle:o.createElement(b.k,{align:"center",gap:8},o.createElement(ea,Object.assign({},eS,{onlyShowSearchBox:!0,ref:G})),o.createElement(z.B,{variant:"primary",leftIcon:o.createElement(c.Z,{size:20,color:"#fff"}),onClick:()=>ew(),styles:{root:{borderRadius:"12px"}}}))},o.createElement(p.x,{sx:{marginLeft:-16,marginRight:-16}},o.createElement(SearchResultContent,{type:Y,state:ee,dispatch:et,isLoading:ed,typeInformation:ev,clientSlug:M}))))},ef=j.Z.div`
  background-color: var(--neutral50);
  padding: 12px 0;
  box-shadow: inset 0px 1px 0px #e4e8ec;

  > * {
    display: grid;
    grid-template-columns: 32px 1fr;
    align-content: center;

    p {
      font-weight: 600;
    }
  }

  .icon-wrapper {
    display: flex;
    align-items: center;
  }
`,TextDivider=({children:e,icon:t,className:a,style:n})=>o.createElement(ef,{style:n,className:a},o.createElement(Z.C,null,o.createElement("div",{className:"icon-wrapper"},t),o.createElement(F.T,{size:"c1",color:"var(--neutral800)"},e)))},p06o:function(e,t,a){a.d(t,{T:function(){return c}});var n=a("q1tI"),l=a("rBCA"),r=a("/IYt"),i=a("iBNF");let o=l.Z.div`
  textarea {
    width: 100%;
    height: var(--textarea-height, 116px);
    padding: 1rem;
    border: 1px solid ${i.r.colors.gray200};
    border-radius: 6px;
    color: ${i.r.colors.gray800};
    font-size: 14px;
    resize: none;

    &:focus {
      box-shadow: 0px 0px 2px 2px #91caff;
    }

    &::placeholder {
      color: ${i.r.colors.gray500};
    }

    &:disabled {
      background-color: ${i.r.colors.neutral50};
      cursor: not-allowed;
    }
  }
`,c=n.forwardRef(({height:e,placeholder:t,labelText:a,labelColor:l,id:i,name:c,onChange:s,value:d,className:p,onKeyPress:u,disabled:h=!1},m)=>n.createElement(o,{className:p,style:{"--textarea-height":e||"116px"}},a&&n.createElement(r.L,{size:"label2",style:{color:l||"#595959"},htmlFor:i},a),n.createElement("textarea",{name:c,ref:m,placeholder:t,id:i,onChange:e=>s&&s(e.target.value),onKeyPress:e=>u&&u(e),value:d,disabled:h})))},hO2q:function(e,t,a){a.d(t,{P:function(){return Popup}});var n=a("q1tI"),l=a("rBCA"),r=a("q+5q"),i=a("iBNF");let o=l.Z.div`
  position: fixed;
  left: 50%;

  padding: 0 16px 32px;
  background-color: ${i.r.colors.white};
  border-radius: ${i.r.borderRadius};
  box-shadow: 0px 4px 8px ${i.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;
    ${r.M.mbDown} {
      width: 340px;
    }
  }

  &[data-type='confirm'] {
    ${r.M.mbDown} {
      width: calc(100% - 32px);
    }
    ${r.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%;
    }
  }
`,c=l.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:a=!0,onClose:l,children:r,className:i="",enableAnimation:s=!0,disableClickOutside:d=!1})=>n.createElement(n.Fragment,null,n.createElement(o,{"data-open":a,"data-type":e,"data-animation":s},n.createElement("div",{className:`${i||""} popup-content`},!!t&&n.createElement("div",{className:"close-button",onClick:l},t),r)),n.createElement(c,{"data-open":a,onClick:()=>{d||l()}}))}}]);