"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3741],{"9uQI":function(e,t,n){n.d(t,{A:function(){return Avatar},B:function(){return Breadcrumbs},C:function(){return CaretDown},D:function(){return ep},E:function(){return ErrorIcon},F:function(){return Flag},I:function(){return eO},N:function(){return NumberInput},O:function(){return eV},P:function(){return ez},R:function(){return Radio},S:function(){return er},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 eE},j:function(){return eZ},k:function(){return eR},l:function(){return Accordion},m:function(){return em},o:function(){return Popover},s:function(){return eA},u:function(){return ec}});var r=n("LufY"),l=n("q1tI"),a=n("e0pn"),i=n("/npG"),o=n("mYVa"),c=n("F9pO"),s=n("gHhT"),d=n("gxre"),h=n("CmzK"),u=n("RZSM"),p=n("8vDj"),m=n("Eso5"),g=n("eRSo"),f=n("bpvy"),E=n("jUTz"),b=n("QJsO"),C=n("nVa/"),v=n("9Igr"),w=n("HXNK"),y=n("5LCj"),L=n("SPK5"),x=n("iuhU"),k=n("J8Dw"),I=n("aDCK"),S=n("L0nm"),O=n("nI05"),j=n("0Tuv"),M=n("LES+"),R=n("9n+W"),Z=n("1z9F"),H=n("GjY/"),V=n("ChHM"),F=n("jD9D"),B=n("xjta"),A=n("Iblh"),z=n("UbCi"),T=n("5juI"),P=n("UpS/"),D=n("rBCA"),N=n("Zdfy"),$=n("rrs9"),_=n("xMoD"),W=n("iBNF"),q=n("7R5d"),U=n("xXM3"),G=n.n(U),Y=n("+PHJ"),J=n("D03Z"),K=n("tiWT"),Q=n("AeFk"),X=n("m42D"),ee=n("oTwY"),et=n("G7ij"),en=(0,i.k)((e,{variantStyle:t})=>{let n=t===T.C.LEADGEN,r={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},n&&Object.assign(Object.assign({borderRadius:8},r),{color:"#111111","&::placeholder":Object.assign(Object.assign({},r),{fontSize:(0,o.h)(13),lineHeight:(0,o.h)(20),letterSpacing:"-0.3px",color:e.colors.gray[4]})}))}});let er=(0,l.forwardRef)((e,t)=>{var{keepSearch:n=!1}=e,a=(0,r._)(e,["keepSearch"]);return n?l.createElement(el,Object.assign({},a,{ref:t})):l.createElement(ea,Object.assign({},a,{ref:t}))}),el=(0,l.forwardRef)((e,t)=>{var{value:n,defaultValue:a,onChange:i,clearable:o}=e,h=(0,r._)(e,["value","defaultValue","onChange","clearable"]);let[u,p]=(0,Z.C)({value:n,defaultValue:a,onChange:i});return l.createElement(c.F,Object.assign({ref:t,rightSection:l.createElement(s.E,{src:z.C.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300,onChange:e=>p(e),value:u},h,o&&(null==u?void 0:u.length)>0?{rightSection:l.createElement(d.A,{onClick:()=>{p("")},sx:{cursor:"pointer"}},l.createElement(_IconSelect,null))}:{}))}),ea=(0,l.forwardRef)((e,t)=>{var{searchValue:n,onSearchChange:i,styles:o}=e,c=(0,r._)(e,["searchValue","onSearchChange","styles"]);let s=(0,T.u)(),{classes:u}=en({variantStyle:s},{name:"MantineSelect",styles:o}),[p,m]=(0,Z.C)({defaultValue:"",value:n,onChange:i});return l.createElement(h.Ph,Object.assign({classNames:{input:u.input},ref:t,rightSection:l.createElement(a.Z,{size:18}),rightSectionProps:{style:{pointerEvents:"none"}},size:"md",maxDropdownHeight:300,onSearchChange:e=>m(e),searchValue:p},c,c.clearable&&(null==p?void 0:p.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:n}=e,a=(0,r._)(e,["slidesToShow","children"]);let i=Array.isArray(n)?n.length:1;return i?l.createElement(ErrorBoundary,null,l.createElement(N.l,Object.assign({slideSize:String(Math.floor(1/t*1e4)/100)+"%",containScroll:"trimSnaps"},a),n)):null};Carousel.Slide=N.l.Slide;let ei=(0,D.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:n,className:a}=e,i=(0,r._)(e,["color","styles","className"]);let{classes:o,cx:c}=eo({color:t},{name:"Anchor",styles:n});return l.createElement($.T,Object.assign({as:"a",className:c(o.root,a)},i))},BreadcrumbItem=e=>{var{children:t}=e,n=(0,r._)(e,["children"]);return l.createElement(Anchor,Object.assign({size:"p4",color:"gray.8"},n),t)},AspectRatio=e=>l.createElement(u.o,Object.assign({sx:{borderRadius:4,overflow:"hidden","> img":{objectFit:"contain"}}},e)),Breadcrumbs=e=>{var t,{children:n,showHomeIcon:a=!0,homeIconHref:i="/"}=e,o=(0,r._)(e,["children","showHomeIcon","homeIconHref"]);let c=(0,p.rZ)(),s=(null===(t=null==c?void 0:c.other)||void 0===t?void 0:t.template)==="mb",[d,h]=(0,l.useState)(null),{isMobile:u}=(0,P.u)(),[,f]=(0,l.useState)(!0),E=(0,l.useCallback)(()=>{f(!1)},[]),b=(0,l.useCallback)(()=>{setTimeout(()=>{f(!0)},1e3)},[]);return(0,l.useEffect)(()=>(d&&(d.on("scroll",E),d.on("pointerUp",b)),()=>{d&&(d.off("scroll",E),d.on("pointerUp",b))}),[d,E,b]),l.createElement(ei,Object.assign({align:"center",slideGap:"xs",dragFree:!0,draggable:u,slideSize:"0",getEmblaApi:h,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),a&&l.createElement(Carousel.Slide,{style:{borderRight:`1px solid ${_.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&&_.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"}))},n)))};Breadcrumbs.Item=BreadcrumbItem;var ec=(0,i.k)((e,{variantStyle:t})=>{let n=t===T.C.LEADGEN,r={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},n&&Object.assign(Object.assign({borderRadius:8},r),{color:"#111111","&::placeholder":Object.assign(Object.assign({},r),{fontSize:(0,o.h)(15),lineHeight:(0,o.h)(24),letterSpacing:"-0.3px",color:e.colors.gray[4]})}))}});let es=(0,D.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||z.C.getAssetPath("plus-icon.svg")}); } } &[data-active='true'] { .mantine-Accordion-chevron { > div { background-image: url(${e=>e.openChevron||z.C.getAssetPath("minus-icon.svg")}); } } } } .mantine-Accordion-panel { border-radius: ${W.r.borderRadius}; } .mantine-Accordion-content { white-space: pre-wrap; } `,Accordion=e=>{var{children:t}=e,n=(0,r._)(e,["children"]);return l.createElement(es,Object.assign({chevron:l.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},n),t)};Accordion.Control=f.U.Control,Accordion.Item=f.U.Item,Accordion.Panel=f.U.Panel;let ed=z.C.getAssetPath("avatar.jpg"),Avatar=e=>{var{withIndicator:t=!1,indicatorConfig:n=null,size:a=56,children:i,styles:o,placeholderText:c}=e,s=(0,r._)(e,["withIndicator","indicatorConfig","size","children","styles","placeholderText"]);let generateAvatar=()=>l.createElement(E.q,Object.assign({size:a,radius:"xl"},s,{imageProps:Object.assign({loading:"lazy"},s.imageProps),styles:{placeholder:{backgroundColor:s.color,color:"white"}}}),i||c||l.createElement(P.I,{src:ed,width:a,alt:s.alt||"avatar"}));return t?l.createElement(b.z,Object.assign({inline:!0,position:"bottom-end",offset:9},n,{styles:Object.assign({indicator:{backgroundColor:l.isValidElement(n.label)&&"transparent",zIndex:1}},o)}),generateAvatar()):generateAvatar()},eh={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:n})=>{let r=t===T.C.LEADGEN,l=eh[n]||{},a=r?"sm"===n?{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 ${q.A} ease-in-out`,"&:not(.mantine-Textarea-input)":Object.assign(Object.assign({minHeight:"unset"},l),a),"&: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(n){case"lg":return Object.assign({fontSize:(0,o.h)(16)},r&&{fontSize:(0,o.h)(15)});case"md":return Object.assign({fontSize:(0,o.h)(14)},r&&{fontSize:(0,o.h)(15),letterSpacing:"-0.3px"});case"sm":return Object.assign({height:32,fontSize:(0,o.h)(14),lineHeight:"22px"},r&&{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 ep=300,em=(0,v.Z)({key:"mantine",prepend:!1}),NumberInput=e=>{var{value:t,onChange:n,size:a="md",styles:i,classNames:o}=e,c=(0,r._)(e,["value","onChange","size","styles","classNames"]);let[s,d]=(0,l.useState)(t),[h]=(0,H.c)(s,ep),u=(0,T.u)(),{classes:p}=eu({variantStyle:u,size:a},{name:"MantineInput",styles:i,classNames:o});return(0,l.useEffect)(()=>{null==n||n(h)},[h]),(0,l.useEffect)(()=>{d(t)},[t]),l.createElement(w.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:a,classNames:{input:p.input,rightSection:p.rightSection}}))},eg=z.C.getAssetPath("EyeVisible.svg"),ef=z.C.getAssetPath("EyeHidden.svg"),RenderVisibleToggleIcon=({reveal:e,size:t})=>l.createElement("img",{src:e?eg:ef,style:{width:t,height:t},loading:"lazy"}),eE=(0,l.forwardRef)((e,t)=>{let{size:n="md",visibilityToggleIcon:a}=e,i=(0,r._)(e,["size","visibilityToggleIcon"]);return l.createElement(y.W,Object.assign({ref:t,size:n,visibilityToggleIcon:a||RenderVisibleToggleIcon},i,{className:`input-control ${(null==i?void 0:i.className)||""}`}))}),ErrorIcon=e=>{var{size:t}=e,n=(0,r._)(e,["size"]);let a=Object.assign({width:t,height:t},n);return l.createElement("svg",Object.assign({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),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:W.r.colors.gray600,activeColor:W.r.colors.primaryBase};let ErrorLabel=e=>{var{label:t,withIcon:n,textProps:a}=e,i=(0,r._)(e,["label","withIcon","textProps"]);return l.createElement(L.k,Object.assign({align:"center",gap:4},i),n&&l.createElement(ErrorIcon,{size:12}),l.createElement($.T,Object.assign({size:"c1",variant:"error",dangerouslySetInnerHTML:{__html:t}},a)))},eb=(0,l.createContext)({}),eC=Q.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: ${W.r.colors.gray400}; } `,ev=Q.iv` height: auto !important; cursor: text; opacity: 1; transition: 0.1s ease-in-out all; `,ew=Q.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; `,ey=Q.iv` top: var(--space-y-shrink, 6px); transform: none; transition: 0.125s ease-out all; `,eL=Q.iv` min-height: var(--container-height, 56px); display: flex; align-items: flex-end; border: 1px solid ${W.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: ${W.r.colors.gray200}; } `,ex=Q.iv` height: auto; min-height: var(--container-height, 56px); padding-block: var(--space-y-shrink, 6px); cursor: text; pointer-events: auto; `,ek=Q.iv` color: ${W.r.colors.red800}; font-size: 12px; line-height: 1.5; `,eI=D.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: ${W.r.colors.red400}; } } .mantine-Input-wrapper { &:has([data-invalid]) { border-color: ${W.r.colors.red400}; } } } .mantine-InputWrapper-label { ${ew} } .mantine-Input-wrapper { ${eL} + .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 { ${eC} } &.textField_shrink { .mantine-InputWrapper-label { ${ey} } .mantine-Input-wrapper { ${ex} &.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: ${W.r.colors.primary600}; box-shadow: 0 0 4px ${W.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: ${W.r.colors.gray800} !important; :focus { color: ${W.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); } } `;D.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: ${W.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: ${W.r.colors.gray600}; // width: 18px; // height: 18px; // } // input[type='checkbox'] { // border-radius: 4px; // } // &[data-checked='true'] { // input[type='radio'], // input[type='checkbox'] { // border-color: ${W.r.colors.primary600}; // } // input[type='radio'] { // background-color: white; // } // } .mantine-Checkbox-input { &:checked { border-color: ${W.r.colors.primary600}; } } } .leadgen-choiceContainer { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; } .mantine-InputWrapper-error { ${ek} } `,D.Z.div` position: absolute; top: calc(var(--container-height) / 2); right: var(--space-x, 16px); `;let FloatingLabelControl=e=>{let{shrink:t,onChangeShrink:n,children:a,className:i}=e,o=(0,r._)(e,["shrink","onChangeShrink","children","className"]),[c,s]=(0,l.useState)(t),[d,h]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{s(t)},[t]),l.createElement(eb.Provider,Object.assign({value:{shrinkProps:t,shrink:c,setShrink:s,onChangeShrink:n,hasIcon:d,setHasIcon:h}},o),l.createElement(eI,Object.assign({shrink:c,className:(0,x.default)(i,"textField",{textField_shrink:!!c})},o),a))};FloatingLabelControl.Control=e=>{let{shrink:t,shrinkProps:n,onChangeShrink:r,setShrink:a,hasIcon:i}=(0,l.useContext)(eb),{children:o}=e,c=(0,V.O)(()=>{n||(a(!1),null==r||r(!1))}),focusInput=e=>{let t=e.querySelectorAll('input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])'),n=t.item(t.length-1);n&&n.focus({preventScroll:!0})},s=(0,l.useCallback)(e=>{if(t){e.preventDefault(),focusInput(e.currentTarget);return}a(!0),null==r||r(!0),focusInput(e.currentTarget)},[t]);return(0,l.useEffect)(()=>{a(n)},[n]),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:n}=(0,l.useContext)(eb),r=(0,p.rZ)();return(0,l.useEffect)(()=>{e&&n(!0)},[]),e?l.createElement(e,{className:`icon ${t?"shrink":""}`,shrink:t,size:24,color:r.colors.gray[9]}):null};let eS=(0,l.forwardRef)((e,t)=>{var{label:n,value:a,onChange:i,onChangeRaw:o,maxLength:c,withFloatingLabel:s,styles:d,error:h,size:u="md"}=e,p=(0,r._)(e,["label","value","onChange","onChangeRaw","maxLength","withFloatingLabel","styles","error","size"]);let m=(0,T.u)(),{classes:g}=eu({variantStyle:m,size:u},{name:"MantineInput",styles:d}),[f,E]=(0,l.useState)(a||""),[b]=(0,H.c)(f,ep);(0,l.useEffect)(()=>{null==i||i(b)},[b]),(0,l.useEffect)(()=>{E(a)},[a]);let C=Object.assign(Object.assign({classNames:{input:g.input,rightSection:g.rightSection},ref:t,size:u,onChange:e=>{"number"==typeof c&&e.currentTarget.value.length>c||(null==o||o(e),E(e.currentTarget.value))},value:f,label:n,error:h},p),{maxLength:c,className:`input-control ${(null==p?void 0:p.className)||""}`});return s?l.createElement(FloatingLabelControl,{shrink:!!f},l.createElement(FloatingLabelControl.Control,null,({shrink:e})=>l.createElement(k.o,Object.assign({},C,{error:h&&l.createElement(ErrorLabel,{label:String(h)}),inputWrapperOrder:["label","input","description","error"],label:l.createElement($.T,{size:e?"p3":"p2",variant:"secondary",weight:"halfBold"},n),styles:e=>({input:Object.assign(Object.assign({},(0,T.G)(e)[T.C.LEADGEN].p2),{color:e.colors.gray[9],fontWeight:T.F.halfBold})})})))):l.createElement(k.o,Object.assign({},C))}),eO=eS;eO.File=e=>l.createElement(C.S,Object.assign({size:"md"},e)),eO.Password=eE,eO.Number=NumberInput,eO.Wrapper=I.I.Wrapper;let ej=N.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:n,blurFromIndex:a,blurLength:o=3,maxBlurOpacity:c=.5,onSlideChange:s,selectSlideWhenClick:d}=e,h=(0,r._)(e,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);let{width:u}=(0,F.n)(),[p]=(0,B.y)(),m=(0,l.useRef)(null),[g,f]=(0,l.useState)(0),handleStyle=()=>{var e,t,r,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===(r=null==m?void 0:m.current)||void 0===r?void 0:r.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 h=s.length,u=null===(i=null==m?void 0:m.current)||void 0===i?void 0:i.slidesInView(),p=u.length,g=n?a+o-1:Math.floor(p/2),E=d+g,b=E===h?0:E>h?E-h:E,C=d-g,v=C<0?h+C:C>0?d-g:0,w=[...new Set(Array(2*g+1).fill("").map((e,t)=>findIndexFromLeftSide(v+t,h)))];s.map((e,t)=>{if(t===d?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==w.indexOf(t)){let n=c/o;for(let r=0;r{(null==m?void 0:m.current)&&handleStyle()},[u]);let E=(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:b}=E();return l.createElement(eM.Provider,{value:{slider:null==m?void 0:m.current,centerSlide:g,selectSlideWhenClick:d}},l.createElement(N.l,Object.assign({classNames:{control:b.control},ref:p,slideSize:"auto",containScroll:"trimSnaps"},{getEmblaApi:e=>{m.current=e},onSlideChange:e=>{handleStyle(),null==s||s(e)}},h,{loop:!0}),"function"==typeof t?t(g):t))};CentralCarousel.Slide=e=>{var{children:t,onClick:n,innerSlideProps:a}=e,i=(0,r._)(e,["children","onClick","innerSlideProps"]);let{slider:o,selectSlideWhenClick:c}=(0,l.useContext)(eM),s=(0,l.useRef)(),d=(0,l.useRef)(""),[h,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 p={ref:s,"data-key":d.current,"data-index":h};return l.createElement(ej,Object.assign({},p,i),l.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{c&&(null==o||o.scrollTo(h)),null==n||n(h)}},a),t))};let CheckboxWithState=e=>{var{size:t=24,isSolid:n,isActive:a}=e,i=(0,r._)(e,["size","isSolid","isActive"]);return n?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"})):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",{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:n,size:a,styles:i}=e,o=(0,r._)(e,["color","label","size","styles"]);let c=(0,p.rZ)(),s=(0,T.u)(),d=(0,l.useMemo)(()=>{var e,n;return((null==t?void 0:t.includes("."))?null===(e=c.colors[t.split(".")[0]])||void 0===e?void 0:e[t.split(".")[1]]:null===(n=c.colors[t])||void 0===n?void 0:n[c.primaryShade||6])||c.colors.blue[6]},[t]),h=s===T.C.LEADGEN,u=h?20:a;return l.createElement(S.X,Object.assign({color:t,size:u,label:h?l.createElement($.T,{size:"p2",color:c.colors.gray[8]},n):n,icon:h?e=>{var t=(0,r._)(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}`}},h&&{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({},h&&{paddingLeft:8}),body:Object.assign({},h&&{alignItems:"flex-start"}),inner:Object.assign({},h&&{paddingTop:2,width:u,height:24})},i)},o))};Checkbox.Group=S.X.Group;let eR=(0,D.Z)(O.i)` ${e=>{let t=e.color||W.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||W.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=D.Z.div` display: flex; align-items: center; .hhg-mantine-slider { flex-grow: 1; } button { path:not([stroke]) { stroke: ${W.r.colors.primaryBase}; } } [data-theme='marryBaby'] & { button { path:not([stroke]) { stroke: ${W.r.mbColors.pink}; } } } `,RadioWithState=e=>{var{size:t=24,isSolid:n,isActive:a}=e,i=(0,r._)(e,["size","isSolid","isActive"]);return n?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"})):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 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:n,size:a,styles:i}=e,o=(0,r._)(e,["color","label","size","styles"]);let c=(0,p.rZ)(),s=(0,T.u)(),d=(0,l.useMemo)(()=>{var e,n;return((null==t?void 0:t.includes("."))?null===(e=c.colors[t.split(".")[0]])||void 0===e?void 0:e[t.split(".")[1]]:null===(n=c.colors[t])||void 0===n?void 0:n[c.primaryShade||6])||c.fn.primaryColor()},[t]),h=s===T.C.LEADGEN,u=h?20:a;return l.createElement(j.Y,Object.assign({label:h?l.createElement($.T,{size:"p2",color:c.colors.gray[8]},n):n,size:u,icon:h?e=>{var t=(0,r._)(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%)"}},h&&{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({},h&&{paddingLeft:8})},i)},o))};function transferValueToOtp(e,t=6){let n=Array(t).fill("");if(e){let t=e.toString().split("");n.map((e,r)=>{t[r]&&(n[r]=t[r]||"")})}return n}function transferOtpToValue(e){return e.join("")}Radio.Group=j.Y.Group;let eH=(0,l.forwardRef)((e,t)=>{let{maxLength:n=1,placeholder:a,className:i}=e,o=(0,r._)(e,["maxLength","placeholder","className"]);return l.createElement("input",Object.assign({maxLength:n,className:G()("Ia6IojY","otpInput",i),placeholder:a,type:"number"},o,{ref:t}))}),eV=(0,l.forwardRef)((e,t)=>{let{valueLength:n=6,type:r="number",value:a,defaultValue:i,placeholder:o,onChange:c,onBlur:s,otpShareProps:d}=e,h=(0,l.useRef)(Array(n).fill(null)),[u,p]=(0,l.useState)(i||a),[m,g]=(0,l.useState)(-1),[f,E]=(0,l.useState)(()=>transferValueToOtp(u,n)),b=(0,l.useCallback)(()=>{if(-1===m)return;let e=h.current[m];e&&(e.value="",f[m]="",E(f),p(()=>transferOtpToValue(f)),null==c||c(transferOtpToValue(f)))},[m,c,f]),C=(0,l.useCallback)(()=>{if(0===m)return;let e=h.current[m];e&&e.blur();let t=h.current[m-1];t&&t.focus()},[m]),v=(0,l.useCallback)(()=>{if(m===n-1)return;let e=h.current[m];e&&e.blur();let t=h.current[m+1];t&&t.focus()},[m,n]),w=(0,l.useCallback)(e=>{let t=e.target,n=t.value,r=n.toString().slice(0,1),l=h.current.findIndex(e=>e===t);-1!==l&&(f[l]=r,E(f),p(()=>transferOtpToValue(f)),null==c||c(transferOtpToValue(f))),v()},[v,c,f]),y=(0,l.useCallback)(e=>{let t=e.target,n=h.current.findIndex(e=>e===t);"number"===r?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==n&&g(n)},[]),x=(0,l.useCallback)(e=>{let t=e.clipboardData.getData("text/plain"),r=transferValueToOtp(t,n),l=transferOtpToValue(r);E(r),p(l),null==c||c(l)},[c,r,n]),k=(0,l.useCallback)(e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),b(),C()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),b()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),C()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),v()):(32===e.keyCode||" "===e.key||"Spacebar"===e.key||"Space"===e.key)&&e.preventDefault()},[b,v,C]);return(0,l.useImperativeHandle)(t,()=>h.current[0],[]),(0,l.useEffect)(()=>{E(()=>transferValueToOtp(a,n)),p(a)},[n,a]),l.createElement(L.k,{justify:"center",columnGap:8,className:G()("_2iQs0sk","otpContainer")},f.map((e,t)=>l.createElement(eH,Object.assign({},d,{ref:e=>{h.current[t]=e},key:""+t,value:e,type:r,onChange:w,onFocus:y,onKeyDown:k,onPaste:x,onBlur:s,placeholder:o}))))}),CambodiaRoundIcon=e=>l.createElement(P.I,Object.assign({alt:"round cambodia flag",src:z.C.getAssetPath("flags/cambodiaRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),CambodiaSquareIcon=e=>l.createElement(P.I,Object.assign({alt:"square cambodia flag",src:z.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(P.I,Object.assign({alt:"round india flag",src:z.C.getAssetPath("flags/indiaRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),IndiaSquareIcon=e=>l.createElement(P.I,Object.assign({alt:"square indian flag",src:z.C.getAssetPath("flags/indiaSquare.png")},e)),IndonesiaRoundIcon=e=>{var t=(0,r._)(e,[]);let n=(0,J.a)();return l.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none"},t),l.createElement("mask",{id:n,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(#${n})`},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,r._)(e,[]);let n=(0,J.a)();return l.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},t),l.createElement("g",{clipPath:`url(#${n})`},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:n},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(P.I,Object.assign({alt:"round philippines flag",src:z.C.getAssetPath("flags/philippineRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),PhilippinesSquareIcon=e=>l.createElement(P.I,Object.assign({alt:"square philippines flag",src:z.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 eF={flag:"pfaLGRK"};let Flag=({country:e,language:t,rounded:n,height:r,width:a,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:`${eF.flag} ${o||""}`,style:{"--width":a||20,"--height":r||20}},n?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"})),eB=Object.values(K.x9).reduce((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e),[]);var eA={phoneInput:"i-9Ibox",error:"YDWHh9b",selectedCountry:"_87SIJ95"};let ez=(0,l.forwardRef)((e,t)=>{let{isError:a,defaultCountry:i,selectedCountry:o,countries:c=eB,countryCallingCodeEditable:s=!1,defaultValue:d,value:h,onChange:u,flagComponent:p,arrowComponent:g,withFloatingLabel:f,className:E,inputId:b,label:C,error:v}=e,w=(0,r._)(e,["isError","defaultCountry","selectedCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","flagComponent","arrowComponent","withFloatingLabel","className","inputId","label","error"]),[y,L]=(0,l.useState)(d||h),[x,k]=(0,l.useState)(null),S=(0,l.useCallback)(e=>{if(!x)return;if(p)return p(e);let{country:t,countryName:n,flagUrl:a}=e,i=(0,r._)(e,["country","countryName","flagUrl"]),o=t?`+${x.getCountryCallingCode(t)}`:"";return l.createElement(l.Fragment,null,l.createElement(Flag,Object.assign({country:t,title:n},i)),l.createElement($.T,{size:"p2",variant:"primary",className:G()(eA.callingCode,"PhoneInputCountryIconCallingCode")},o))},[p,x]),O=(0,l.useCallback)(()=>g?g():l.createElement("div",{className:G()(eA.arrowSelect,"PhoneInputArrowContainer")},l.createElement(CaretDown,null)),[g]);if((0,l.useEffect)(()=>{L(h)},[h]),(0,l.useEffect)(()=>{(0,r.a)(void 0,void 0,void 0,function*(){let e=yield Promise.all([n.e(5231),n.e(7797),n.e(5454),n.e(5481),n.e(2354),n.e(3684),n.e(5349),n.e(4148),n.e(2509),n.e(1533),n.e(1108),n.e(9124),n.e(4190),n.e(1829),n.e(6509),n.e(8674),n.e(9301),n.e(7730),n.e(3929),n.e(3741),n.e(137),n.e(4414),n.e(7613),n.e(8098),n.e(3416),n.e(2500),n.e(1570),n.e(3506),n.e(1413),n.e(2138),n.e(9467),n.e(4467),n.e(6966),n.e(5243),n.e(8132),n.e(1375),n.e(4561),n.e(1448),n.e(5465),n.e(1217),n.e(5480),n.e(731),n.e(2050),n.e(2008),n.e(8469),n.e(8214),n.e(1482),n.e(6817),n.e(467),n.e(5951),n.e(9357),n.e(747),n.e(5675),n.e(6753),n.e(4802),n.e(3046),n.e(5745),n.e(3437),n.e(252),n.e(6839),n.e(9424),n.e(5702),n.e(8922),n.e(6399),n.e(553),n.e(2902),n.e(4969),n.e(3257),n.e(6611),n.e(7538),n.e(6894),n.e(5341)]).then(n.bind(n,"A9bs"));k(e)})},[]),!x)return null;let j=Object.assign({ref:t,defaultValue:d,label:C,value:y,onChange:e=>{L(e),null==u||u(e)},countries:c,defaultCountry:i||o,countryCallingCodeEditable:s,displayInitialValueAsLocalNumber:!0,className:G()(eA.phoneInput,{isError:a,[eA.error]:a,[eA.selectedCountry]:o},E),flagUrl:void 0,flagComponent:S,countrySelectProps:{arrowComponent:O},id:b},w);return f?l.createElement(FloatingLabelControl,{shrink:!!y},l.createElement(FloatingLabelControl.Control,null,({shrink:e})=>l.createElement(I.I.Wrapper,{size:"md",label:l.createElement($.T,{size:e?"p3":"p2",variant:"secondary",weight:"halfBold"},C),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,T.G)(e)[T.C.LEADGEN].p2),{color:e.colors.gray[9],fontWeight:T.F.halfBold})})},l.createElement(x.default,Object.assign({},j)))))):l.createElement(x.default,Object.assign({},j))});(0,l.forwardRef)((e,t)=>{let{defaultCountry:n,id:a,name:i,placeholder:o,label:c,labelElement:s,labelProps:d,description:h,descriptionProps:u,withAsterisk:p,inputMode:m,inputContainer:g,inputWrapperOrder:f,error:E,className:b,classNames:C,style:v,styles:w}=e,y=(0,r._)(e,["defaultCountry","id","name","placeholder","label","labelElement","labelProps","description","descriptionProps","withAsterisk","inputMode","inputContainer","inputWrapperOrder","error","className","classNames","style","styles"]),L=a||(0,Y.Z)()+i;return l.createElement(I.I.Wrapper,{size:"md",label:c,labelElement:s,labelProps:Object.assign({htmlFor:L},d),description:h,descriptionProps:u,withAsterisk:p,inputMode:m,inputContainer:g,inputWrapperOrder:f,error:E,"data-invalid":!!E,className:b,classNames:C,style:v,styles:w},l.createElement("div",{className:"mantine-Input-wrapper"},l.createElement(ez,Object.assign({},y,{id:L,ref:t,name:i,spellCheck:!1,placeholder:o,defaultCountry:n,className:"mantine-Input-input",type:"tel","data-control":"tel"}))))});let eT=(0,l.createContext)({}),Popover=e=>{var{children:t,closeOnClickOutside:n=!0}=e,a=(0,r._)(e,["children","closeOnClickOutside"]);let[i,{close:o,open:c}]=(0,A.q)(!1),s=n?(0,V.O)(o):(0,l.useRef)(),d=Object.assign({},"function"==typeof t?{opened:i}:{});return l.createElement(eT.Provider,{value:{opened:i,close:o,open:c}},l.createElement(M.J,Object.assign({closeOnClickOutside:n},d,a),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 eP=(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:n,children:a,buttonProps:i}=e,o=(0,r._)(e,["variant","withIcon","children","buttonProps"]);let{classes:c,cx:s}=eP();return l.createElement(R.A,Object.assign({classNames:c},o,{unstyled:!0}),l.createElement(et.B,Object.assign({className:s(c.btnRoot,"checked"),leftIcon:n?l.createElement(X.Z,{size:18,color:"currentColor"}):void 0,variant:t},i),a),l.createElement(et.B,Object.assign({className:s(c.btnRoot,"unchecked"),leftIcon:n?l.createElement(ee.Z,{size:18,color:"currentColor"}):void 0,variant:"tertiary"},i),a))};ChipButton.Group=R.A.Group},ZdyI:function(e,t,n){n.d(t,{P:function(){return PillCarousel}});var r=n("LufY"),l=n("q1tI"),a=n("rBCA"),i=n("UbCi"),o=n("iBNF"),c=n("UpS/"),s=n("vaiB"),d=n("gFo6"),h=n("9uQI");let u=a.Z.div` display: inline-flex; overflow: hidden; width: ${e=>e.size}px; height: ${e=>e.size}px; box-sizing: border-box; align-items: center; justify-content: center; border: 1px solid #e4e8ec; background-color: ${e=>e.backgroundColor||o.r.colors.white}; border-radius: ${e=>e.borderRadius||"50%"}; & > * { width: ${e=>e.iconSize}px; height: ${e=>e.iconSize}px; } `,p=a.Z.div` display: inline-block; height: 108px; background-color: ${o.r.colors.white}; border-radius: 60px; cursor: pointer; &.selected-week-pill { background-color: ${o.r.colors.pink100}; } & > div:first-child { margin: 4px 4px 0; } & > p { margin-top: 8px; text-align: center; } & > * { pointer-events: none; } `,m=[d.L.Myanmar,d.L.Taiwan],g=(0,a.Z)(e=>{var{icon:t,name:n,className:a,locale:d="en-PH",dataEventCategory:h,dataEventAction:g,dataEventLabel:f,onSelect:E}=e,b=(0,r._)(e,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);let C=(0,l.useMemo)(()=>null==a?void 0:a.includes("selected-week-pill"),[a]);return l.createElement(p,Object.assign({onClick:E,className:a?"week-pill".concat(" non-pointer-event-child ",a):"week-pill non-pointer-event-child","data-event-category":h,"data-event-action":g,"data-event-label":f},b),l.createElement(u,{size:64,iconSize:40,backgroundColor:o.r.colors.white},l.createElement(c.I,{src:t||i.C.getAssetPath("week_default.png"),alt:`week ${n}`})),C?l.createElement(s.T,Object.assign({type:"semiBold",size:"n1",color:o.r.colors.gray800},m.includes(d)&&{style:{fontSize:"10px"}}),n):l.createElement(s.T,Object.assign({size:"n1",color:o.r.colors.gray600},m.includes(d)&&{style:{fontSize:"10px"}}),n))})` box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08); `,f=(0,a.Z)(h.f.Slide)` cursor: pointer; > div * { pointer-events: none; } `,E=(0,a.Z)(h.f)` .centerred-pill-wrapper { padding: 16px 0; } `,PillCarousel=e=>{var{data:t,isMobile:n,onSlideChange:a,pillProps:i,locale:o=d.L.Vietnam,blurFromIndex:c,blurLength:s}=e,h=(0,r._)(e,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);let[u,p]=(0,l.useState)("");return(0,l.useEffect)(()=>{p(window.location.href)},[]),l.createElement(E,Object.assign({},{withControls:!n,slideGap:16,blurFromCenter:!0,blurFromIndex:c||(n?2:4),blurLength:s||(n?1:3),onSlideChange:a},h,{selectSlideWhenClick:!0,previousControlIcon:l.createElement(Arrow,{currentUrl:u}),nextControlIcon:l.createElement(Arrow,{currentUrl:u,isRight:!0})}),e=>t.map((t,n)=>l.createElement(f,Object.assign({key:n,onClick:a,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":u,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":u}},i),l.createElement("div",{className:"centerred-pill-wrapper"},l.createElement(g,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":u,locale:o,name:t.name,icon:t.icon,className:n===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))},Arrow=({isRight:e,currentUrl:t})=>l.createElement("svg",{viewBox:"0 0 15 15",fill:"none",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":t,className:"pointer-event-child-none"},l.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))},UbCi:function(e,t,n){n.d(t,{C:function(){return o}});var r=n("xrdX"),l=n("GOBr"),a=n("yNk5");let isNumeric=e=>!isNaN(parseFloat(e))&&isFinite(e),i="hellosehat.com",o=new class{constructor(){this.baseDomain="",this.subPath="",this.getAssetPath=(e,t,n)=>{let r="https://hhg-common."+[t||this.getBaseDomain(),n||this.subPath,e].join("/");return l.y||a.env.JEST_WORKER_ID?r:r+"?v="+Math.floor(new Date().getTime()/1e3/60/3)}}getBaseDomain(){if(this.baseDomain)return this.baseDomain;if("undefined"!=typeof window){let{host:e}=window.location,t=e.split("."),n=r.v[Object.keys(r.v).find(t=>e.includes(r.v[t]))];return t.includes("localhost")||t.includes("hellohealthgroup")||t.every(e=>isNumeric(e))||!n?i:n}return i}};o.subPath="common",o.baseDomain=r.v["vi-VN"]}}]);