"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[891],{GBoo:function(e,t,r){r.d(t,{C:function(){return ChoiceField},T:function(){return TextField},i:function(){return L},u:function(){return u}});var a=r("/npG"),n=r("iuhU"),l=r("Eso5"),i=r("8vDj"),o=r("yUAr"),c=r("Cxxo"),s=r("q1tI"),d=r("ChHM"),p=r("AeFk"),h=r("rBCA"),m=r("iBNF"),u=(0,a.k)(e=>(0,o.G)(e)[o.C.LEADGEN]);let g=(0,s.createContext)({}),b=p.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: ${m.r.colors.gray400}; } `,f=p.iv` height: auto !important; cursor: text; opacity: 1; transition: 0.1s ease-in-out all; `,E=p.iv` position: absolute; top: calc(var(--container-height) / 2); left: var(--space-x, 16px); margin: 0; z-index: 1; cursor: pointer; transform: translateY(-50%); transition: 0.125s ease-in all; right: 0; // auto grow width `,v=p.iv` top: var(--space-y-shrink, 6px); transform: translateY(0); transition: 0.125s ease-out all; right: 0; // auto grow width `,w=p.iv` min-height: var(--container-height, 56px); display: flex; align-items: flex-end; border: 1px solid ${m.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: ${m.r.colors.gray200}; } `,y=p.iv` height: auto; min-height: var(--container-height, 56px); padding-block: var(--space-y-shrink, 6px); cursor: text; pointer-events: auto; `,x=p.iv` color: ${m.r.colors.red800}; font-size: 12px; line-height: 1.5; `,C=h.Z.div` --space-x: 16px; --space-y-not-shrink: 15px; --space-y-shrink: 6px; --container-height: 56px; --label-not-shrink: 16px; --label-shrink: 12px; --input: 15px; position: relative; min-width: 100px; max-width: 100%; display: inline-block; .textField_wrapper { display: inline-block; width: 100%; cursor: pointer; } .mantine-InputWrapper-root { &[data-invalid='true'] { .mantine-Input-wrapper { border-color: ${m.r.colors.red400}; } } .mantine-Input-wrapper { &:has([data-invalid]) { border-color: ${m.r.colors.red400}; } } } .mantine-InputWrapper-label { ${E} } .mantine-Input-wrapper { ${w} + .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 { ${b} } &.textField_shrink { .mantine-InputWrapper-label { ${v} } .mantine-Input-wrapper { ${y} &.mantine-Select-wrapper { .mantine-Select-rightSection { pointer-events: auto !important; } } } .mantine-Input-input { ${f} } &: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: ${m.r.colors.primary600}; box-shadow: 0 0 4px ${m.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: ${m.r.colors.gray800} !important; :focus { color: ${m.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); } } `,k=h.Z.div` &.leadgen-form_checkbox, &.leadgen-form_radio { width: 100%; } &.leadgen-form_dropdown { width: calc(50% - 12px); } .mantine-InputWrapper-root { display: block; } .mantine-InputWrapper-label { margin-bottom: 0.5rem; color: ${m.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: ${m.r.colors.gray600}; // width: 18px; // height: 18px; // } // input[type='checkbox'] { // border-radius: 4px; // } // &[data-checked='true'] { // input[type='radio'], // input[type='checkbox'] { // border-color: ${m.r.colors.primary600}; // } // input[type='radio'] { // background-color: white; // } // } .mantine-Checkbox-input { &:checked { border-color: ${m.r.colors.primary600}; } } } .leadgen-choiceContainer { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; } .mantine-InputWrapper-error { ${x} } `;h.Z.div` position: absolute; top: calc(var(--container-height) / 2); right: var(--space-x, 16px); `;let TextField=e=>{let{shrink:t,onChangeShrink:r,children:a,className:l}=e,i=(0,c._)(e,["shrink","onChangeShrink","children","className"]),[o,d]=(0,s.useState)(t),[p,h]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{d(t)},[t]),s.createElement(g.Provider,Object.assign({value:{shrinkProps:t,shrink:o,setShrink:d,onChangeShrink:r,hasIcon:p,setHasIcon:h}},i),s.createElement(C,Object.assign({shrink:o,className:(0,n.default)(l,"textField",{textField_shrink:!!o})},i),a))},TextFieldControl=e=>{let{shrink:t,shrinkProps:r,onChangeShrink:a,setShrink:n,hasIcon:i}=(0,s.useContext)(g),{children:o,htmlFor:c}=e,p=(0,d.O)(()=>{r||(n(!1),null==a||a(!1))}),focusInput=e=>{setTimeout(()=>{let t=e.querySelectorAll('input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])'),r=t.item(t.length-1);r&&r.focus({preventScroll:!0})},150)},h=(0,s.useCallback)(e=>{if(t){focusInput(e.currentTarget);return}n(!0),null==a||a(!0),focusInput(e.currentTarget)},[t]);return(0,s.useEffect)(()=>{n(r)},[r]),s.createElement(l.x,{ref:p,onClick:h,className:"textField_wrapper",component:c?"label":"div",htmlFor:c},"function"==typeof o?o({shrink:!!t,hasIcon:i}):o)},TextFieldIcon=({Icon:e})=>{let{shrink:t,setHasIcon:r}=(0,s.useContext)(g),a=(0,i.rZ)();return(0,s.useEffect)(()=>{e&&r(!0)},[]),e?s.createElement(e,{className:`icon ${t?"shrink":""}`,shrink:t,size:24,color:a.colors.gray[9]}):null};TextField.Control=TextFieldControl,TextField.Icon=TextFieldIcon;let ChoiceField=e=>{let{children:t,className:r}=e,a=(0,c._)(e,["children","className"]);return s.createElement(k,Object.assign({className:(0,n.default)(r,"choiceField")},a),t)};var L=Object.freeze({__proto__:null,TextField:TextField,TextFieldControl:TextFieldControl,TextFieldIcon:TextFieldIcon,ChoiceField:ChoiceField})},soDd:function(e,t,r){r.d(t,{H:function(){return HealthToolFormWrapper}});var a=r("Cxxo"),n=r("q1tI"),l=r("/npG"),i=r("mYVa"),o=r("Eso5"),c=r("aDCK"),s=r("9n+W"),d=r("8vDj"),p=r("SPK5"),h=r("2wr/"),m=r("Rh7u"),u=r("akEg"),g=r("bSpP"),b=r("yVya"),f=r("iBNF"),E=(0,l.k)(()=>({root:{justifyContent:"flex-start"},group:{display:"flex",alignItems:"stretch",gap:(0,i.h)(8)},item:{flex:"1 1 0px"},icon:{flexShrink:0}}));let v=(0,n.createContext)({}),w=(0,l.k)(()=>({root:{display:"flex",flexDirection:"column",gap:(0,i.h)(8),paddingLeft:16,paddingRight:16,"&:last-child":{paddingBottom:16}}}));var y=(0,l.k)((e,{formLayout:t})=>({root:{display:"flex",flexDirection:"column",gap:(0,i.h)("inline"===t?8:16),borderRadius:"inherit",".mantine-Input-input::placeholder, .mantine-Input-input[data-invalid]::placeholder":{color:"#8C8C8C"},[e.fn.smallerThan("sm")]:Object.assign({"input, .mantine-DatePickerInput-input":{fontSize:(0,i.h)(14)}},"default"===t&&{gap:8})},control:{width:(0,i.h)(180),flexShrink:1,"&.error":{"button, input":{borderColor:e.colors.red[7]}}}}));let x=(0,l.k)((e,{formLayout:t})=>{let r="mb"===e.other.template;return{root:Object.assign(Object.assign({minWidth:(0,i.h)(180)},"inline"===t&&{alignSelf:"flex-end",marginTop:(0,i.h)(16)}),"default"===t&&Object.assign({},r&&{alignSelf:"center"}))}}),C=(0,l.k)(e=>({root:{color:e.colors.gray[6],whiteSpace:"nowrap",paddingRight:(0,i.h)(16)}}));var k=(0,l.k)(()=>({root:{display:"flex",gap:(0,i.h)(8),border:"1px solid #EAEAEC",borderRadius:(0,i.h)(16),padding:"10px 16px 12px 16px",flex:"1 1 0px",".mantine-Input-input":{border:0,paddingLeft:0,height:"22px",borderRadius:0,"&:focus":{outline:0,boxShadow:"none"}}},info:{display:"flex",flexDirection:"column",gap:0,flex:"1 1 0px"},label:{color:"#7C7C8F",fontWeight:"normal"},content:{},rightSection:{display:"flex",alignItems:"center",textTransform:"lowercase",color:"#3E3F58"}})),L=(0,l.k)((e,{width:t,direction:r})=>{let a="mb"===e.other.template;return{root:{display:"flex",flexDirection:"column",gap:(0,i.h)(8)},row:{display:"flex",flexDirection:r,alignItems:"stretch",justifyContent:"space-between",gap:(0,i.h)(16),minHeight:(0,i.h)(40)},labelWrapper:Object.assign({flex:"1 1 0px",display:"flex",alignItems:"center"},"row"===r&&{borderBottom:`1px solid ${e.colors.neutral[1]}`}),label:{fontSize:(0,i.h)(14),lineHeight:(0,i.h)(22),color:e.colors.gray[6]},content:{display:"flex",alignItems:"center",gap:(0,i.h)(8),input:{backgroundColor:"#fff"}},control:{width:"number"==typeof t?(0,i.h)(t):t,flexShrink:1,input:Object.assign({},a&&{borderRadius:(0,i.h)(12)}),"&.error":{"button, input":{borderColor:e.colors.red[7]}}},error:{color:"red",textAlign:"right"}}});let I=(0,l.k)(()=>({root:{color:"red",textAlign:"right",width:"auto"}}));var S=(0,l.k)(e=>{let t="mb"===e.other.template;return{root:{label:Object.assign({},t&&{color:f.r.mbColors.midGray,fontSize:(0,i.h)(12),fontWeight:"normal"})}}});let HealthToolFormWrapper=e=>{var{children:t,formLayout:r,styles:l,classNames:i,className:c,component:s="form"}=e,d=(0,a._)(e,["children","formLayout","styles","classNames","className","component"]);let p=r||"default",{classes:h,cx:m}=y({formLayout:p},{name:"HealthToolFormWrapper",styles:l,classNames:i});return n.createElement(v.Provider,{value:{formLayout:p}},n.createElement(o.x,Object.assign({component:s,className:m(c,h.root)},d),t))};HealthToolFormWrapper.Control=e=>{var{className:t,styles:r,classNames:l}=e,i=(0,a._)(e,["className","styles","classNames"]);let{classes:c,cx:s}=S(void 0,{name:"HealthToolFormWrapper__Control",styles:r,classNames:l});return n.createElement(o.x,Object.assign({className:s(t,c.root)},i))},HealthToolFormWrapper.BorderInlineControl=({label:e,children:t,styles:r,classNames:a,direction:l="row",width:i=180,errorMess:c})=>{let{classes:s}=L({width:i,direction:l},{name:"HealthToolFormWrapper__BorderInlineControl",styles:r,classNames:a});return n.createElement(o.x,{className:s.root},n.createElement(o.x,{className:s.row},n.createElement(o.x,{className:s.labelWrapper},e&&n.createElement("label",{className:s.label,htmlFor:"gender"},e)),n.createElement(o.x,{className:s.content},(0,b.Z)(t).map((e,t)=>n.createElement(o.x,{key:t,className:s.control},e)))),c&&n.createElement(m.T,{size:"p4",className:s.error},c))},HealthToolFormWrapper.BorderBoxControl=e=>{var{label:t,rightSection:r,children:l,styles:i,className:c,classNames:s}=e,d=(0,a._)(e,["label","rightSection","children","styles","className","classNames"]);let{classes:p,cx:h}=k(void 0,{name:"HealthToolFormWrapper__BorderBoxControl",styles:i,classNames:s});return n.createElement(o.x,Object.assign({className:h(p.root,c)},d),n.createElement(o.x,{className:p.info},t&&n.createElement(m.T,{size:"n1",as:"label",className:p.label},t),n.createElement(o.x,{className:p.content},n.isValidElement(l)?n.cloneElement(l,Object.assign(Object.assign({},l.props),{size:"sm",error:null})):null)),r&&n.createElement(o.x,{className:p.rightSection},"string"==typeof r?n.createElement(m.T,{size:"p4"},r):n.isValidElement(r)?n.cloneElement(r,{size:24}):null))},HealthToolFormWrapper.Error=e=>{var{styles:t,classNames:r,className:l}=e,i=(0,a._)(e,["styles","classNames","className"]);let{classes:o,cx:c}=I(void 0,{name:"HealthToolFormWrapper__UnitText",styles:t,classNames:r});return n.createElement(m.T,Object.assign({size:"p4",className:c(l,o.root)},i))},HealthToolFormWrapper.FormRow=e=>{var{styles:t,classNames:r,className:l,children:i}=e,c=(0,a._)(e,["styles","classNames","className","children"]);let{classes:s,cx:d}=w(void 0,{name:"HealthToolFormWrapper__FormRow",styles:t,classNames:r});return n.createElement(o.x,Object.assign({className:d(l,s.root)},c),i)},HealthToolFormWrapper.Submit=e=>{var{styles:t,classNames:r,className:l}=e,i=(0,a._)(e,["styles","classNames","className"]);let{formLayout:o}=(0,n.useContext)(v),{classes:c,cx:s}=x({formLayout:o},{name:"HealthToolFormWrapper__SubmitBtn",styles:t,classNames:r});return n.createElement(u.B,Object.assign({className:s("submit-btn",l,c.root)},i,{variant:"primary",size:"md"}))},HealthToolFormWrapper.Unit=e=>{var{styles:t,classNames:r,className:l}=e,i=(0,a._)(e,["styles","classNames","className"]);let{classes:o,cx:c}=C(void 0,{name:"HealthToolFormWrapper__UnitText",styles:t,classNames:r});return n.createElement(m.T,Object.assign({size:"p4",className:c(l,o.root)},i))},HealthToolFormWrapper.Switching=e=>{var{label:t}=e,r=(0,a._)(e,["label"]);let{t:l}=(0,g.u)(),o=(0,d.rZ)(),c="mb"===o.other.template;return n.createElement(p.k,{gap:(0,i.h)(4),sx:()=>({justifyContent:"space-between",alignItems:"center"})},t&&n.createElement(m.T,{size:c?"p4":"s4",color:"gray.6"},t),n.createElement(h.r,Object.assign({labelPosition:"left",onLabel:l("switchBtn.yes"),offLabel:l("switchBtn.no")},r,{styles:e=>({trackLabel:{fontSize:(0,i.h)(12)},track:{cursor:"pointer"},body:{[e.fn.largerThan("sm")]:{flexDirection:"column",alignItems:"flex-start"},[e.fn.smallerThan("sm")]:{justifyContent:"space-between"}},labelWrapper:{[e.fn.smallerThan("sm")]:{display:"flex",justifyContent:"center"}}})})))},HealthToolFormWrapper.ChipGroup=e=>{var{data:t=[],label:r,isMobile:l,layout:d="horizonal",classNames:p,styles:h}=e,u=(0,a._)(e,["data","label","isMobile","layout","classNames","styles"]);let{classes:g,theme:b}=E(void 0,{name:"ChipGroup",classNames:p,styles:h}),f="mb"===b.other.template,v=l?48:f?32:"vertical"===d?32:18;return n.createElement(o.x,null,n.createElement(c.I.Wrapper,{label:r&&n.createElement(m.T,{size:"p3",weight:"semiBold"},r)},n.createElement(s.A.Group,Object.assign({},u),n.createElement(o.x,{className:g.group},t.map((e,t)=>n.createElement(s.A,{className:g.item,key:t,value:String(e.value),styles:{iconWrapper:{display:"none"},label:{width:"100%",borderRadius:(0,i.h)(f?12:8),padding:0,border:`1px solid ${f?"#EAEAEC":b.colors.neutral[2]}`,height:"100%","&[data-checked]":{padding:0,backgroundColor:f?"#FFE9F1":b.colors.blue[0],border:`1px solid ${f?"#F5B4CB":b.colors.blue[1]}`},[b.fn.smallerThan("sm")]:{alignItems:"flex-start"}}}},n.createElement(o.x,{sx:Object.assign(Object.assign(Object.assign({width:"100%",display:"flex",gap:(0,i.h)(f?2:8),padding:"8px 16px 8px 12px",justifyContent:"center",alignItems:"center"},f&&{flexDirection:"column"}),"vertical"===d&&{flexDirection:"column",padding:"16px 8px 8px"}),{[b.fn.smallerThan("sm")]:{flexDirection:"column",padding:"16px 8px 8px"}})},n.isValidElement(e.icon)?n.cloneElement(e.icon,{size:v,isMarryBaby:f,className:g.icon}):null,n.createElement(m.T,{size:"p4",styles:{root:Object.assign(Object.assign({},f&&{textAlign:"center"}),{whiteSpace:"normal",[b.fn.smallerThan("sm")]:{fontSize:(0,i.h)(12),lineHeight:(0,i.h)(18),textAlign:"center"}})}},e.label))))))))}},OxhX:function(e,t,r){r.d(t,{B:function(){return BabyPoopForm}});var a=r("Cxxo"),n=r("q1tI"),l=r("/npG"),i=r("mYVa"),o=r("Eso5"),c=r("iuhU"),s=r("Rh7u"),d=r("akEg"),p=r("bSpP"),h=r("Ukun"),m=r("soDd"),u=(0,l.k)((e,{hasOnClickFn:t})=>({root:{position:"relative",display:"flex",flexDirection:"column",gap:(0,i.h)(16)},sponsorBox:{display:"flex",gap:(0,i.h)(12),alignItems:"center",backgroundColor:e.colors.neutral[0],border:`1px solid ${e.colors.neutral[1]}`,borderRadius:(0,i.h)(4),padding:"4px 12px",alignSelf:"flex-start"},sponsorLogo:{maxHeight:(0,i.h)(32)},btn:{minWidth:(0,i.h)(180),[e.fn.largerThan("sm")]:{alignSelf:"flex-end"},visibility:t?"visible":"hidden"}}));let BabyPoopForm=e=>{var{babyPoopPage:t,onClickFindOut:r,currentUrl:l,sponsorLogo:i,btnProps:g,styles:b,classNames:f}=e,E=(0,a._)(e,["babyPoopPage","onClickFindOut","currentUrl","sponsorLogo","btnProps","styles","classNames"]);let{t:v}=(0,p.u)(),{classes:w}=u({hasOnClickFn:!!r},{name:"BabyPoopForm",styles:b,classNames:f}),{classes:y={}}=(0,n.useContext)(h.C);return n.createElement(m.H.FormRow,null,n.createElement(o.x,Object.assign({className:w.root},E),i&&n.createElement(o.x,{className:w.sponsorBox},n.createElement(s.T,{size:"p4"},v("common.sponsoredBy")),n.createElement("img",{loading:"lazy",src:i,alt:"sponsor",className:w.sponsorLogo})),n.createElement(s.T,{size:"p3",as:"div",className:"description",dangerouslySetInnerHTML:{__html:t.description}}),n.createElement(d.B,Object.assign({className:(0,c.default)(w.btn,y.submitBtn),onClick:r,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:l},g),v("babyPoop.findOut"))))}},UUbN:function(e,t,r){r.d(t,{C:function(){return u},I:function(){return ImagePreviewPopup},P:function(){return PostSingleImageViewPopup},a:function(){return PostImagePreview},b:function(){return g}});var a=r("q1tI"),n=r("UESe"),l=r("e0Et"),i=r("bSpP"),o=r("9E0F"),c=r("t/pd"),s=r("Rh7u"),d=r("rBCA"),p=r("Cxxo"),h=r("iBNF"),m=r("gEnE"),u="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3e%3c/svg%3e",g="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M10.05 18.06 4 12.038l6.05-6.025M4.002 12.035h15'/%3e%3c/svg%3e";let b=d.Z.div` padding: 14px 16px 14px 17px; background: ${e=>e.bgColor}; border-left: 3px solid ${e=>e.highlight}; ${l.M.mbUp} { padding: 12px 12px 12px 17px; } `,f=d.Z.div` display: flex; `,E=d.Z.div` font-size: 12px; line-height: 18px; &[data-has-icon='true'] { margin-left: 10px; } `,v=d.Z.div` flex-shrink: 0; `,w=d.Z.div` display: grid; grid-gap: 3px; grid-template-columns: 1fr 1fr; grid-template-rows: auto; .img-wrapper { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; grid-column: auto; & > img { cursor: zoom-in; } .img-preview-blur { position: absolute; top: 50%; left: 50%; width: 110%; height: 110%; /* Add the blur effect */ -webkit-filter: blur(8px); filter: blur(8px); object-fit: cover; object-position: center; opacity: 0.8; transform: translate(-50%, -50%); } .img-preview { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; } .img-more-overlay { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); z-index: 4; } } &[data-image-count='1'] { .img-wrapper { /* padding-top: 100%; */ grid-column: 1/3; } } &[data-image-count='2'] { .img-wrapper { /* padding-top: 100%; */ } } &[data-image-count='3'] { .img-wrapper { &:first-child { grid-column: 1/3; } } } &[data-image-count='4'] { .img-wrapper { /* padding-top: 100%; */ } } &[data-image-count='5'] { grid-template-columns: repeat(6, 1fr); .img-wrapper { /* padding-top: 100%; */ grid-column: auto/ span 2; &:first-child { padding-top: 56.25%; grid-column: 1/4; } &:nth-child(2) { padding-top: 56.25%; grid-column: 4/7; } } } &[data-is-marrybaby='true'] { grid-gap: 8px; .img-wrapper { padding-top: 66.66%; border-radius: 1rem; .img-preview { object-fit: cover; } } &[data-image-count='3'] { grid-template-columns: 1fr 1fr 1fr; .img-wrapper { &:first-child { padding-top: 100%; grid-column: 1/3; grid-row: 1/3; } } } } `,y=d.Z.div` position: fixed; z-index: 999; top: 0; left: 0; display: flex; overflow: hidden; width: 100vw; height: 100vh; flex-direction: column; background: white; opacity: 0; pointer-events: none; transition: opacity 0.2s linear; &[data-open='true'] { opacity: 1; pointer-events: auto; } .top-bar { position: relative; padding: 20px 40px; .icon-arrow-left { position: absolute; top: 50%; left: 20px; height: 24px; width: 24px; cursor: pointer; transform: translateY(-50%); } } .container { flex: 1; overflow-y: auto; .img-preview { width: 100%; min-width: 100%; margin-bottom: 0.5rem; cursor: pointer; max-height: 100%; object-fit: cover; } } `,x=(0,d.Z)(e=>{var{icon:t,bgColor:r=h.r.colors.yellow50,highlightColor:n=h.r.colors.yellow800,message:l}=e,i=(0,p._)(e,["icon","bgColor","highlightColor","message"]);return a.createElement(b,Object.assign({bgColor:r,highlight:n},i),a.createElement(f,null,t&&a.createElement(v,null,t),a.createElement(E,{"data-has-icon":!!t},l)))})` margin-bottom: 16px; &.noti-bottom { border-left: none; margin-top: 4px; padding: 4px 8px; margin-left: 16px; margin-right: 16px; border-radius: 4px; } `,ImagePreviewPopup=({className:e,style:t,authorName:r,images:n,onClose:l,onOpenSingleView:o,alt:d})=>{let{t:p}=(0,i.u)(),[h,m]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{setTimeout(()=>{m(!0)},0)},[]),a.createElement(c.h,null,a.createElement(y,{className:e,style:t,"data-open":h},a.createElement("div",{className:"top-bar"},a.createElement("img",{className:"icon-arrow-left",src:g,onClick:l,alt:"go back",loading:"lazy"}),a.createElement(s.T,{size:"p2",weight:"bold",style:{textAlign:"center"}},p("previewPhotos.title",{name:r}))),a.createElement("div",{className:"container"},n.map((e,t)=>a.createElement("img",{className:"img-preview",key:t,src:e,onClick:()=>null==o?void 0:o(t),alt:d,loading:"lazy"})))),",")},C=d.Z.div` position: fixed; z-index: 999; top: 0; left: 0; display: flex; width: 100%; height: 100%; flex-direction: column; background: black; opacity: 0; pointer-events: none; transition: opacity 0.2s linear; &[data-open='true'] { opacity: 1; pointer-events: auto; } `,k=d.Z.div` padding: 1rem; background: white; .icon-close { width: 26px; height: 26px; cursor: pointer; } `,L=d.Z.div` position: relative; flex: 1; overflow: hidden; > img { height: 100%; width: 100%; object-fit: contain; object-position: center; } `,I=d.Z.div` --inner-padding: max(16px, 20%); height: 100%; position: absolute; left: 0; padding: 8px; padding-right: var(--inner-padding); display: flex; align-items: center; top: 0; cursor: pointer; &[data-right] { padding-right: 8px; padding-left: var(--inner-padding); left: unset; right: 0; } &[data-disabled='true'] { cursor: not-allowed; } `,S=d.Z.div` border-radius: 50%; background: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; padding: 4px; > img { width: 16px; height: 16px; &[data-disabled='true'] { opacity: 0.5; } } ${l.M.tdUp} { padding: 8px; > img { width: 30px; height: 30px; } } `;var O="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m6 12.813 4-4-4-4'/%3e%3c/svg%3e";let PostSingleImageViewPopup=({initialViewIndex:e,images:t,onClose:r,alt:n})=>{let[l,i]=(0,a.useState)(e),[o,s]=(0,a.useState)(!1);(0,a.useEffect)(()=>{setTimeout(()=>{s(!0)},0)},[]);let d=null==t?void 0:t[l],p=0===l,h=!(null==t?void 0:t.length)||l===(null==t?void 0:t.length)-1;return a.createElement(c.h,null,a.createElement(C,{"data-open":o&&!!d},a.createElement(k,null,a.createElement("img",{src:u,className:"icon-close",onClick:r,alt:"close",loading:"lazy"})),d&&l>=0&&a.createElement(a.Fragment,null,a.createElement(L,null,a.createElement("img",{className:"img-preview",src:d,alt:n,loading:"lazy"}),a.createElement(I,{"data-disabled":p,onClick:()=>!p&&i(l-1)},a.createElement(S,null,a.createElement("img",{src:O,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":p,loading:"lazy"}))),a.createElement(I,{"data-right":!0,"data-disabled":h,onClick:()=>!h&&i(l+1)},a.createElement(S,null,a.createElement("img",{src:O,alt:"right arrow","data-disabled":h,loading:"lazy"})))))))},j=(0,m.Z)(d.Z.div` position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; `,"hhgcomp-sensitivemask-inner"),F=d.Z.div``,M=d.Z.div` position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 3; background: white; cursor: pointer; &, * { // transition: all 300ms; transform-origin: bottom left; } img { transition: none; } .img-preview { width: 100%; } &[data-is-blurred='true'] { .img-preview { /* Add the blur effect */ -webkit-filter: blur(24px); filter: blur(24px); } } &[data-is-blurred='false'] { background: transparent; cursor: zoom-in; ${j.classSelector} { top: auto; right: auto; left: 8px; bottom: 8px; background: rgba(0, 0, 0, 0); align-items: flex-end; justify-content: flex-start; } } `,SensitiveMask=({image:e,showIcon:t=!0})=>{let[r,n]=(0,a.useState)(!0);return a.createElement(M,{"data-is-blurred":r,onClick:e=>r&&e.stopPropagation()},a.createElement("img",{loading:"lazy",className:"img-preview",src:e}),a.createElement(j,{onClick:e=>{e.stopPropagation(),n(!r)}},t&&a.createElement(F,null,r?a.createElement("svg",{width:"22",height:"20",viewBox:"0 0 22 20",fill:"none"},a.createElement("path",{d:"M1.71 2.54a.996.996 0 0 1 0-1.41c.39-.39 1.03-.39 1.42 0l16.31 16.33a.996.996 0 1 1-1.41 1.41l-2.72-2.72c-1.34.52-2.79.82-4.31.82-5 0-9.27-3.11-11-7.5C.77 7.5 2.06 5.8 3.68 4.51zM16 9.47c0-2.76-2.24-5-5-5-.51 0-1 .1-1.47.24L7.36 2.54c1.15-.37 2.37-.57 3.64-.57 5 0 9.27 3.11 11 7.49-.69 1.76-1.79 3.3-3.18 4.53l-3.06-3.06c.14-.46.24-.95.24-1.46m-5 5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14L8.06 8.9c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07l1.57 1.57c-.65.32-1.37.5-2.14.5m2.97-5.33a2.97 2.97 0 0 0-2.64-2.64z",fill:"#fff"})):a.createElement("svg",{width:"23",height:"16",viewBox:"0 0 23 16",fill:"none"},a.createElement("path",{d:"M12 0C5.142 0 1.886 5.879 1.096 7.557c-.132.28-.132.604 0 .884C1.886 10.121 5.142 16 12 16c6.834 0 10.092-5.837 10.896-7.54a1.08 1.08 0 0 0 0-.92C22.092 5.836 18.834 0 12 0m0 3a5 5 0 1 1-.001 10.001 5 5 0 0 1 0-10.001m0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6",fill:"#2D87F3"})))))},PostImagePreview=({className:e,images:t=[],style:r,authorName:c,isSensitive:s=!1,alt:d,positionAlert:p="top"})=>{let{data:{env:{isMarryBaby:h}}}=(0,a.useContext)(o.T),{t:m}=(0,i.u)(),u=`+ ${(t.length||0)-4}`,[g,b]=(0,a.useState)(!1),[f,E]=(0,a.useState)(-1),v=t.length>5,y=(0,a.useRef)(!1);return(0,a.useEffect)(()=>()=>{y.current&&(0,l.t)(!1)},[]),(0,a.useEffect)(()=>{g||f>=0?((0,l.t)(!0),y.current=!0):((0,l.t)(!1),y.current=!1)},[g,f]),a.createElement(a.Fragment,null,s&&"top"===p&&a.createElement(x,{message:m("sensitiveMask.contentWarningDescription"),icon:a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},a.createElement("path",{d:"M9 .667A8.336 8.336 0 0 0 .667 9c0 4.6 3.733 8.333 8.333 8.333S17.333 13.6 17.333 9 13.6.667 9 .667m0 9.166A.836.836 0 0 1 8.167 9V5.667c0-.459.375-.834.833-.834s.833.375.833.834V9A.836.836 0 0 1 9 9.833M8.167 11.5v1.667h1.666V11.5z",fill:"#FE921D"}))}),a.createElement(w,{className:e,style:r,"data-image-count":v?5:t.length||0,"data-is-marrybaby":h,"data-cursor-pointer":!s},null==t?void 0:t.slice(0,5).map((e,t)=>{let r=4===t&&v;return a.createElement("div",{className:"img-wrapper",key:t,onClick:()=>{t>=4&&v?b(!0):E(t)}},s&&a.createElement(SensitiveMask,{image:e,showIcon:!r}),!h&&a.createElement("img",{loading:"lazy",className:"img-preview-blur",src:e,alt:d}),a.createElement("img",{loading:"lazy",className:"img-preview",src:e,alt:d}),r&&a.createElement("div",{className:"img-more-overlay"},a.createElement(n.H,{tag:"h1",as:"h2",color:"white"},u)))})),g&&a.createElement(ImagePreviewPopup,{authorName:c||"",images:t,onClose:()=>b(!1),onOpenSingleView:E,alt:d}),f>=0&&a.createElement(PostSingleImageViewPopup,{images:t,initialViewIndex:f,onClose:()=>E(-1),alt:d}),s&&"bottom"===p&&a.createElement(x,{message:m("sensitiveMask.contentWarningDescription.community"),className:"noti-bottom",icon:a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},a.createElement("path",{d:"M9 .667A8.336 8.336 0 0 0 .667 9c0 4.6 3.733 8.333 8.333 8.333S17.333 13.6 17.333 9 13.6.667 9 .667m0 9.166A.836.836 0 0 1 8.167 9V5.667c0-.459.375-.834.833-.834s.833.375.833.834V9A.836.836 0 0 1 9 9.833M8.167 11.5v1.667h1.666V11.5z",fill:"#FE921D"}))}))}},Lcsm:function(e,t,r){r.d(t,{G:function(){return GenderOptionControl}});var a=r("Cxxo"),n=r("q1tI"),l=r("XUjW"),i=r("ah6c"),o=r("/npG"),c=r("mYVa"),s=r("Eso5"),d=r("SPK5"),p=r("PyPH"),h=r("Y6+v"),m=r("Rh7u"),u=r("bSpP");let g={lg:{height:48},md:{height:40},sm:{height:32},xs:{height:32}};var b=(0,o.k)((e,{type:t,gap:r,size:a})=>{let n="mb"===e.other.template,l=g[a]||{},i=l.height;return{root:{},wrapper:Object.assign({gap:(0,c.h)(r||8)},"radio"===t&&{justifyContent:"flex-end",gap:(0,c.h)(r||24)}),groupErr:{fontSize:(0,c.h)(14)},itemRoot:Object.assign({},"button"===t?{flexGrow:1,width:"50%",'&[data-checked="true"]':{".mantine-Radio-label":{borderColor:e.fn.primaryColor()}}}:"radio"===t?{padding:`${(0,c.h)(10)} 0`,margin:0}:{}),itemLabelWrapper:{padding:0,width:"100%"},itemLabel:Object.assign({whiteSpace:"nowrap"},"button"===t?{position:"relative",padding:`${(0,c.h)(2)} ${(0,c.h)(16)}`,border:`1px solid ${n?"#EAEAEC":e.colors.gray[2]}`,backgroundColor:"#fff",borderRadius:(0,c.h)(n?16:4),cursor:"pointer",display:"flex",justifyContent:"center",alignItems:"center",height:i,'&[data-disabled="true"]':{background:e.colors.gray[1],color:`${e.colors.gray[4]} !important`,img:{opacity:.5}},img:{height:(0,c.h)("lg"===a?26:22)}}:"radio"===t?{fontSize:(0,c.h)(14)}:{}),itemInner:Object.assign(Object.assign({},"button"===t&&{display:"none"}),"radio"===t&&{alignSelf:"center"}),itemBody:Object.assign({},"radio"===t&&{alignItems:"center"})}});let GenderOptionControl=e=>{var{label:t,availableValue:r,styles:o,isBaby:g,genderValue:f={male:"male",female:"female"},type:E="button",hideLabel:v,labelTextProps:w,gap:y,size:x="md",LabelWrapper:C}=e,k=(0,a._)(e,["label","availableValue","styles","isBaby","genderValue","type","hideLabel","labelTextProps","gap","size","LabelWrapper"]);let{t:L}=(0,u.u)(),{classes:I,cx:S,theme:O}=b({type:E,gap:y,size:x},{name:"GenderOptionControl",styles:o}),j="mb"===O.other.template,[F,M]=(0,n.useState)(),H=(0,n.useRef)(null),R=C?{}:Object.assign({as:"label",size:"p2",weight:"semiBold",variant:"primary"},w),V=C||m.T,B=(0,n.useMemo)(()=>[{value:f.male,label:g?L("gender.boy"):L("gender.male"),icon:g?j?n.createElement(l.Z,null):h.C.getAssetPath("health-tools/boy-icon.svg"):h.C.getAssetPath("health-tools/male-icon.svg")},{value:f.female,label:g?L("gender.girl"):L("gender.female"),icon:g?j?n.createElement(i.Z,null):h.C.getAssetPath("health-tools/girl-icon.svg"):h.C.getAssetPath("health-tools/female-icon.svg")}],[]);return(0,n.useEffect)(()=>{M(r)},[r]),n.createElement(s.x,{ref:H,className:I.root},n.createElement(p.R.Group,Object.assign({className:"radio-group",label:v?void 0:n.createElement(V,Object.assign({},R),t||(g?L("tools.selectBabyGender"):L("tools.selectGender"))),size:"lg"},k,{classNames:{error:I.groupErr}},"radio"===E&&{error:null}),n.createElement(d.k,{className:S(I.wrapper)},B.map(e=>n.createElement(p.R,Object.assign({className:"gender-item",size:"sm",classNames:{root:I.itemRoot,labelWrapper:I.itemLabelWrapper,label:I.itemLabel,inner:I.itemInner,body:I.itemBody},key:e.value,value:e.value},F&&e.value!==F&&{disabled:!0},{label:n.createElement(d.k,{gap:(0,c.h)(8),align:"center",justify:"center",sx:{zIndex:0}},"button"===E&&("string"==typeof e.icon?n.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}):e.icon),n.createElement(m.T,{size:"p3"},e.label))}))))))}},Q7JC:function(e,t,r){r.d(t,{B:function(){return BabyGrowthForm}});var a=r("Cxxo"),n=r("q1tI"),l=r("/npG"),i=r("mYVa"),o=r("8vDj"),c=r("iuhU"),s=r("cChf"),d=r("ZFu2"),p=r("PyPH"),h=r("A6F9"),m=r("Rh7u"),u=r("iBNF"),g=r("bSpP"),b=r("Ukun"),f=r("h+9Z"),E=r("soDd"),v=r("Lcsm"),w=r("weOk"),y=r("Zge2");let x=(0,n.createContext)({}),DefaultForm=e=>{let{t,locale:r}=(0,g.u)(),{classes:a={}}=(0,n.useContext)(b.C),{form:l,currentUrl:i,submitProps:o}=(0,n.useContext)(x),c={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return n.createElement(E.H,Object.assign({formLayout:"default"},e),n.createElement(E.H.FormRow,null,n.createElement(E.H.Control,null,n.createElement(v.G,Object.assign({isBaby:!0,genderValue:{male:"boy",female:"girl"}},l.getInputProps("gender"),{error:null}))),l.errors.gender&&n.createElement(E.H.Error,null,l.errors.gender)),n.createElement(E.H.FormRow,null,n.createElement(p.I.Wrapper,{label:n.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.input.birthday"))},n.createElement(h.D,Object.assign({},c,{maxDate:new Date},l.getInputProps("birthday"),{error:null,onChange:e=>{e&&l.validateField("measurementDate"),l.getInputProps("birthday").onChange(e)}}))),l.errors.birthday&&n.createElement(E.H.Error,null,l.errors.birthday)),n.createElement(E.H.FormRow,null,n.createElement(p.I.Number,Object.assign({label:n.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.height"),n.createElement(m.T,{size:"p2",weight:"semiBold",color:u.r.colors.gray300,as:"span"},` (${t("babyGrowth.cm")})`))},l.getInputProps("height"),{placeholder:t("babyGrowth.height"),min:f.I.height.min,max:f.I.height.max,onChange:e=>{l.setFieldValue("height",e),l.setFieldValue("checkMesureVal",!l.values.checkMesureVal)}}))),n.createElement(E.H.FormRow,null,n.createElement(p.I.Number,Object.assign({label:n.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.weight"),n.createElement(m.T,{size:"p2",weight:"semiBold",color:u.r.colors.gray300,as:"span"},` (${t("babyGrowth.kg")})`))},l.getInputProps("weight"),{placeholder:t("babyGrowth.weight"),min:f.I.weight.min,max:f.I.weight.max,onChange:e=>{l.setFieldValue("weight",e),l.setFieldValue("checkMesureVal",!l.values.checkMesureVal)}}))),r!==w.L.Vietnam&&n.createElement(E.H.FormRow,null,n.createElement(p.I.Number,Object.assign({label:n.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.head"),n.createElement(m.T,{size:"p2",weight:"semiBold",color:u.r.colors.gray300,as:"span"},` (${t("babyGrowth.cm")})`))},l.getInputProps("head"),{placeholder:t("babyGrowth.head"),onChange:e=>{l.setFieldValue("head",e),l.setFieldValue("checkMesureVal",!l.values.checkMesureVal)}}))),l.errors.checkMesureVal&&n.createElement(E.H.Error,null,l.errors.checkMesureVal),n.createElement(E.H.FormRow,null,n.createElement(p.I.Wrapper,{label:n.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.input.measurementDate"))},n.createElement(h.D,Object.assign({},c,{defaultValue:new Date},l.getInputProps("measurementDate"),{maxDate:new Date,error:null}))),l.errors.measurementDate&&n.createElement(E.H.Error,null,l.errors.measurementDate)),n.createElement(E.H.FormRow,{className:a.submitWrapper},n.createElement(E.H.Submit,Object.assign({className:a.submitBtn,type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":i},o),t("babyGrowth.input.submit"))))};var C=(0,l.k)(e=>({root:{display:"flex",flexDirection:"column",gap:(0,i.h)(8)},bmiVal:{display:"inline-block"},unitText:{color:e.colors.gray[6]},submitBtn:{}}));let localizeNumberFormat=(e,t=2)=>Intl.NumberFormat(void 0,{maximumFractionDigits:t}).format(e),bmiCalculate=(e=0,t=0)=>{try{if(e&&t){let r=Number(t)/Math.pow(Number(e)/100,2);if(isNaN(r))return 0;return Number(localizeNumberFormat(r))}}catch(e){}return 0},InlineForm=e=>{var{styles:t,classNames:r}=e,l=(0,a._)(e,["styles","classNames"]);let{t:i,locale:s}=(0,g.u)(),{form:d,currentUrl:u,submitProps:y}=(0,n.useContext)(x),{classes:k={}}=(0,n.useContext)(b.C),L=(0,o.rZ)(),{classes:I}=C(void 0,{name:"BabyGrowthForm__InlineForm",styles:t,classNames:r}),S={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return n.createElement(E.H,Object.assign({formLayout:"inline"},l),n.createElement(E.H.FormRow,null,n.createElement(E.H.BorderInlineControl,{label:i("tools.selectBabyGender")},n.createElement(v.G,Object.assign({type:"radio",hideLabel:!0,isBaby:!0,genderValue:{male:"boy",female:"girl"}},d.getInputProps("gender")))),d.errors.gender&&n.createElement(E.H.Error,null,d.errors.gender)),n.createElement(E.H.FormRow,null,n.createElement(E.H.BorderInlineControl,{label:i("babyGrowth.input.birthday")},n.createElement(h.D,Object.assign({},S,{maxDate:new Date},d.getInputProps("birthday"),{error:null,onChange:e=>{e&&d.validateField("measurementDate"),d.getInputProps("birthday").onChange(e)}}))),d.errors.birthday&&n.createElement(E.H.Error,null,d.errors.birthday)),n.createElement(E.H.FormRow,null,n.createElement(E.H.BorderInlineControl,{label:"BMI",styles:{control:{"&:first-child":{width:"auto"}}}},n.createElement(m.T,{size:"p3"},n.createElement("span",{className:I.bmiVal},d.getInputProps("height").value&&d.getInputProps("weight").value&&bmiCalculate(Number(d.getInputProps("height").value),Number(d.getInputProps("weight").value))),"(",i("babyGrowth.kg.m2"),")"),n.createElement(p.I.Number,Object.assign({},d.getInputProps("height"),{placeholder:i("babyGrowth.height"),min:f.I.height.min,max:f.I.height.max,onChange:e=>{d.setFieldValue("height",e),d.setFieldValue("checkMesureVal",!d.values.checkMesureVal)},rightSection:n.createElement(E.H.Unit,null,i("babyGrowth.cm"))})),n.createElement(p.I.Number,Object.assign({},d.getInputProps("weight"),{placeholder:i("babyGrowth.weight"),min:f.I.weight.min,max:f.I.weight.max,onChange:e=>{d.setFieldValue("weight",e),d.setFieldValue("checkMesureVal",!d.values.checkMesureVal)},rightSection:n.createElement(E.H.Unit,null,i("babyGrowth.kg"))}))),("mb"===L.other.template||s!==w.L.Vietnam)&&n.createElement(E.H.BorderInlineControl,{label:i("babyGrowth.head")},n.createElement(p.I.Number,Object.assign({},d.getInputProps("head"),{placeholder:i("babyGrowth.head"),onChange:e=>{d.setFieldValue("head",e),d.setFieldValue("checkMesureVal",!d.values.checkMesureVal)},rightSection:n.createElement(E.H.Unit,null,i("babyGrowth.cm"))}))),d.errors.checkMesureVal&&n.createElement(E.H.Error,null,d.errors.checkMesureVal)),n.createElement(E.H.FormRow,null,n.createElement(E.H.BorderInlineControl,{label:i("babyGrowth.input.measurementDate")},n.createElement(h.D,Object.assign({},S,{maxDate:new Date},d.getInputProps("measurementDate"),{error:null}))),d.errors.measurementDate&&n.createElement(E.H.Error,null,d.errors.measurementDate)),n.createElement(E.H.FormRow,{className:k.submitWrapper},n.createElement(E.H.Submit,Object.assign({type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":u,className:(0,c.default)(I.submitBtn,k.submitBtn)},y),i("babyGrowth.input.submit"))))},MbLayout=e=>{var t=(0,a._)(e,[]);let{t:r}=(0,g.u)(),{form:l,currentUrl:i,submitProps:o}=(0,n.useContext)(x),c={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return n.createElement(E.H,Object.assign({formLayout:"default"},t),n.createElement(E.H.FormRow,null,n.createElement(E.H.Control,null,n.createElement(v.G,Object.assign({isBaby:!0,genderValue:{male:"boy",female:"girl"}},l.getInputProps("gender"),{error:null}))),l.errors.gender&&n.createElement(E.H.Error,null,l.errors.gender)),n.createElement(E.H.BorderBoxControl,{label:r("babyGrowth.input.birthday"),rightSection:n.createElement(y.Z,null)},n.createElement(h.D,Object.assign({},c,{maxDate:new Date},l.getInputProps("birthday"),{error:null,rightSection:null,onChange:e=>{e&&l.validateField("measurementDate"),l.getInputProps("birthday").onChange(e)}}))),l.errors.birthday&&n.createElement(E.H.Error,null,l.errors.birthday),n.createElement(E.H.BorderBoxControl,{label:r("babyGrowth.height"),rightSection:r("babyGrowth.cm")},n.createElement(p.I.Number,Object.assign({},l.getInputProps("height"),{placeholder:r("tools.inputPlaceholder",{content:"160"}),min:f.I.height.min,max:f.I.height.max,onChange:e=>{l.setFieldValue("height",e),l.setFieldValue("checkMesureVal",!l.values.checkMesureVal)}}))),l.errors.height&&n.createElement(E.H.Error,null,l.errors.height),n.createElement(E.H.BorderBoxControl,{label:r("babyGrowth.weight"),rightSection:r("babyGrowth.kg")},n.createElement(p.I.Number,Object.assign({},l.getInputProps("weight"),{placeholder:r("tools.inputPlaceholder",{content:"50"}),min:f.I.weight.min,max:f.I.weight.max,onChange:e=>{l.setFieldValue("weight",e),l.setFieldValue("checkMesureVal",!l.values.checkMesureVal)}}))),l.errors.weight&&n.createElement(E.H.Error,null,l.errors.weight),n.createElement(E.H.BorderBoxControl,{label:r("babyGrowth.head"),rightSection:r("babyGrowth.cm")},n.createElement(p.I.Number,Object.assign({},l.getInputProps("head"),{placeholder:r("tools.inputPlaceholder",{content:"50"}),onChange:e=>{l.setFieldValue("head",e),l.setFieldValue("checkMesureVal",!l.values.checkMesureVal)}}))),l.errors.checkMesureVal&&n.createElement(E.H.Error,null,l.errors.checkMesureVal),n.createElement(E.H.BorderBoxControl,{label:r("babyGrowth.input.measurementDate"),rightSection:n.createElement(y.Z,null)},n.createElement(p.I.Wrapper,null,n.createElement(h.D,Object.assign({},c,{defaultValue:new Date},l.getInputProps("measurementDate"),{maxDate:new Date,rightSection:null,error:null})))),l.errors.measurementDate&&n.createElement(E.H.Error,null,l.errors.measurementDate),n.createElement(E.H.Submit,Object.assign({type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":i},o),r("babyGrowth.input.submit")))},BabyGrowthForm=e=>{var{onSubmit:t,formLayout:r="default",submitProps:l,currentUrl:i}=e,c=(0,a._)(e,["onSubmit","formLayout","submitProps","currentUrl"]);let{t:p}=(0,g.u)(),h=(0,o.rZ)(),m=(0,s.c)({initialValues:{measurementDate:new Date},validate:{gender:(0,d.U)(p("validation.error.requiredField")),birthday:(0,d.U)(p("validation.error.requiredField")),measurementDate:(e,t)=>t.birthday?t.birthday instanceof Date&&e instanceof Date&&t.birthday.getTime()<=e.getTime()?null:p("babyGrowth.error.measurementDateLowerThanBirthday",{name:""}):null,checkMesureVal:(e,t)=>void 0===t.head&&void 0===t.height&&void 0===t.weight||t.head||t.height||t.weight?null:p("babyGrowth.error.atLeastOneOf")},validateInputOnChange:["checkMesureVal"]}),u=Object.assign({onSubmit:m.onSubmit(e=>null==t?void 0:t(Object.assign(Object.assign({},e),{bmi:bmiCalculate(Number(m.getInputProps("height").value),Number(m.getInputProps("weight").value)).toString()})))},c);return n.createElement(x.Provider,{value:{submitProps:l,currentUrl:i,form:m}},"default"===r?"mb"===h.other.template?n.createElement(MbLayout,Object.assign({formLayout:r},u)):n.createElement(DefaultForm,Object.assign({},u)):n.createElement(InlineForm,Object.assign({},u)))}},PyPH:function(e,t,r){r.d(t,{A:function(){return Avatar},B:function(){return Breadcrumbs},C:function(){return CaretDown},D:function(){return em},E:function(){return ErrorIcon},F:function(){return Flag},I:function(){return eO},N:function(){return NumberInput},O:function(){return eV},P:function(){return eT},R:function(){return Radio},S:function(){return ea},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 ef},j:function(){return eH},k:function(){return eM},l:function(){return Accordion},m:function(){return eu},o:function(){return Popover},s:function(){return eP},u:function(){return ec}});var a=r("Cxxo"),n=r("q1tI"),l=r("e0pn"),i=r("/npG"),o=r("mYVa"),c=r("F9pO"),s=r("gHhT"),d=r("gxre"),p=r("CmzK"),h=r("RZSM"),m=r("8vDj"),u=r("Eso5"),g=r("eRSo"),b=r("bpvy"),f=r("jUTz"),E=r("QJsO"),v=r("nVa/"),w=r("9Igr"),y=r("HXNK"),x=r("5LCj"),C=r("SPK5"),k=r("iuhU"),L=r("J8Dw"),I=r("aDCK"),S=r("L0nm"),O=r("nI05"),j=r("0Tuv"),F=r("LES+"),M=r("9n+W"),H=r("1z9F"),R=r("GjY/"),V=r("ChHM"),B=r("jD9D"),N=r("xjta"),P=r("Iblh"),T=r("Y6+v"),Z=r("yUAr"),z=r("CKJU"),D=r("rBCA"),A=r("Zdfy"),_=r("Rh7u"),W=r("OU2n"),$=r("iBNF"),G=r("OTII"),q=r("xXM3"),U=r.n(q),Y=r("+PHJ"),K=r("Dl0x"),J=r("tiWT"),X=r("AeFk"),Q=r("m42D"),ee=r("oTwY"),et=r("akEg"),er=(0,i.k)((e,{variantStyle:t})=>{let r=t===Z.C.LEADGEN,a={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},r&&Object.assign(Object.assign({borderRadius:8},a),{color:"#111111","&::placeholder":Object.assign(Object.assign({},a),{fontSize:(0,o.h)(13),lineHeight:(0,o.h)(20),letterSpacing:"-0.3px",color:e.colors.gray[4]})}))}});let ea=(0,n.forwardRef)((e,t)=>{var{keepSearch:r=!1}=e,l=(0,a._)(e,["keepSearch"]);return r?n.createElement(en,Object.assign({},l,{ref:t})):n.createElement(el,Object.assign({},l,{ref:t}))}),en=(0,n.forwardRef)((e,t)=>{var{value:r,defaultValue:l,onChange:i,clearable:o}=e,p=(0,a._)(e,["value","defaultValue","onChange","clearable"]);let[h,m]=(0,H.C)({value:r,defaultValue:l,onChange:i});return n.createElement(c.F,Object.assign({ref:t,rightSection:n.createElement(s.E,{src:T.C.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300,onChange:e=>m(e),value:h},p,o&&(null==h?void 0:h.length)>0?{rightSection:n.createElement(d.A,{onClick:()=>{m("")},sx:{cursor:"pointer"}},n.createElement(_IconSelect,null))}:{}))}),el=(0,n.forwardRef)((e,t)=>{var{searchValue:r,onSearchChange:i,styles:o}=e,c=(0,a._)(e,["searchValue","onSearchChange","styles"]);let s=(0,Z.u)(),{classes:h}=er({variantStyle:s},{name:"MantineSelect",styles:o}),[m,u]=(0,H.C)({defaultValue:"",value:r,onChange:i});return n.createElement(p.Ph,Object.assign({classNames:{input:h.input},ref:t,rightSection:n.createElement(l.Z,{size:18}),rightSectionProps:{style:{pointerEvents:"none"}},size:"md",maxDropdownHeight:300,onSearchChange:e=>u(e),searchValue:m},c,c.clearable&&(null==m?void 0:m.length)>0?{rightSection:n.createElement(d.A,{onClick:()=>{u("")},sx:{cursor:"pointer"}},n.createElement(_IconSelect,null))}:{}))}),_IconSelect=()=>n.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},n.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 n.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||n.createElement(n.Fragment,null):this.props.children}};let Carousel=e=>{var{slidesToShow:t=1,children:r}=e,l=(0,a._)(e,["slidesToShow","children"]);let i=Array.isArray(r)?r.length:1;return i?n.createElement(ErrorBoundary,null,n.createElement(A.l,Object.assign({slideSize:String(Math.floor(1/t*1e4)/100)+"%",containScroll:"trimSnaps"},l),r)):null};Carousel.Slide=A.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:r,className:l}=e,i=(0,a._)(e,["color","styles","className"]);let{classes:o,cx:c}=eo({color:t},{name:"Anchor",styles:r});return n.createElement(_.T,Object.assign({as:"a",className:c(o.root,l)},i))},BreadcrumbItem=e=>{var{children:t}=e,r=(0,a._)(e,["children"]);return n.createElement(Anchor,Object.assign({size:"p4",color:"gray.8"},r),t)},AspectRatio=e=>n.createElement(h.o,Object.assign({sx:{borderRadius:4,overflow:"hidden","> img":{objectFit:"contain"}}},e)),Breadcrumbs=e=>{var t,{children:r,showHomeIcon:l=!0,homeIconHref:i="/"}=e,o=(0,a._)(e,["children","showHomeIcon","homeIconHref"]);let c=(0,m.rZ)(),s=(null===(t=null==c?void 0:c.other)||void 0===t?void 0:t.template)==="mb",[d,p]=(0,n.useState)(null),{isMobile:h}=(0,z.u)(),[,b]=(0,n.useState)(!0),f=(0,n.useCallback)(()=>{b(!1)},[]),E=(0,n.useCallback)(()=>{setTimeout(()=>{b(!0)},1e3)},[]);return(0,n.useEffect)(()=>(d&&(d.on("scroll",f),d.on("pointerUp",E)),()=>{d&&(d.off("scroll",f),d.on("pointerUp",E))}),[d,f,E]),n.createElement(ei,Object.assign({align:"center",slideGap:"xs",dragFree:!0,draggable:h,slideSize:"0",getEmblaApi:p,controlsOffset:-52,previousControlIcon:n.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.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:n.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.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),l&&n.createElement(Carousel.Slide,{style:{borderRight:`1px solid ${W.t.neutral[1]}`}},n.createElement(BreadcrumbItem,{href:i,target:"_blank",className:"pointer-event-child-none"},n.createElement(u.x,{sx:Object.assign({},!s&&{borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"}),bg:!s&&W.t.neutral[0],p:s?0:6},n.createElement(AspectRatio,{ratio:1,w:18},s?n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},n.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"}),n.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"})):n.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},n.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"})))))),n.createElement(Carousel.Slide,null),n.createElement(Carousel.Slide,null,n.createElement(g.O,{styles:{separator:{marginInline:4}},separator:n.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.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"}))},r)))};Breadcrumbs.Item=BreadcrumbItem;var ec=(0,i.k)((e,{variantStyle:t})=>{let r=t===Z.C.LEADGEN,a={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},r&&Object.assign(Object.assign({borderRadius:8},a),{color:"#111111","&::placeholder":Object.assign(Object.assign({},a),{fontSize:(0,o.h)(15),lineHeight:(0,o.h)(24),letterSpacing:"-0.3px",color:e.colors.gray[4]})}))}});let es=(0,D.Z)(b.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||T.C.getAssetPath("plus-icon.svg")}); } } &[data-active='true'] { .mantine-Accordion-chevron { > div { background-image: url(${e=>e.openChevron||T.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,r=(0,a._)(e,["children"]);return n.createElement(es,Object.assign({chevron:n.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};Accordion.Control=b.U.Control,Accordion.Item=b.U.Item,Accordion.Panel=b.U.Panel;let ed=T.C.getAssetPath("avatar.jpg"),Avatar=e=>{var{withIndicator:t=!1,indicatorConfig:r=null,size:l=56,children:i,styles:o,placeholderText:c}=e,s=(0,a._)(e,["withIndicator","indicatorConfig","size","children","styles","placeholderText"]);let generateAvatar=()=>n.createElement(f.q,Object.assign({size:l,radius:"xl"},s,{imageProps:Object.assign({loading:"lazy"},s.imageProps),styles:{placeholder:{backgroundColor:s.color,color:"white"}}}),i||c||n.createElement(z.I,{src:ed,width:l,alt:s.alt||"avatar"}));return t?n.createElement(E.z,Object.assign({inline:!0,position:"bottom-end",offset:9},r,{styles:Object.assign({indicator:{backgroundColor:n.isValidElement(r.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 eh=(0,i.k)((e,{variantStyle:t,size:r})=>{let a=t===Z.C.LEADGEN,n=ep[r]||{},l=a?"sm"===r?{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 ${G.A} ease-in-out`,"&:not(.mantine-Textarea-input)":Object.assign(Object.assign({minHeight:"unset"},n),l),"&: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(r){case"lg":return Object.assign({fontSize:(0,o.h)(16)},a&&{fontSize:(0,o.h)(15)});case"md":return Object.assign({fontSize:(0,o.h)(14)},a&&{fontSize:(0,o.h)(15),letterSpacing:"-0.3px"});case"sm":return Object.assign({height:32,fontSize:(0,o.h)(14),lineHeight:"22px"},a&&{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 em=300,eu=(0,w.Z)({key:"mantine",prepend:!1}),NumberInput=e=>{var{value:t,onChange:r,size:l="md",styles:i,classNames:o}=e,c=(0,a._)(e,["value","onChange","size","styles","classNames"]);let[s,d]=(0,n.useState)(t),[p]=(0,R.c)(s,em),h=(0,Z.u)(),{classes:m}=eh({variantStyle:h,size:l},{name:"MantineInput",styles:i,classNames:o});return(0,n.useEffect)(()=>{null==r||r(p)},[p]),(0,n.useEffect)(()=>{d(t)},[t]),n.createElement(y.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:l,classNames:{input:m.input,rightSection:m.rightSection}}))},eg=T.C.getAssetPath("EyeVisible.svg"),eb=T.C.getAssetPath("EyeHidden.svg"),RenderVisibleToggleIcon=({reveal:e,size:t})=>n.createElement("img",{src:e?eg:eb,style:{width:t,height:t},loading:"lazy"}),ef=(0,n.forwardRef)((e,t)=>{let{size:r="md",visibilityToggleIcon:l}=e,i=(0,a._)(e,["size","visibilityToggleIcon"]);return n.createElement(x.W,Object.assign({ref:t,size:r,visibilityToggleIcon:l||RenderVisibleToggleIcon},i,{className:`input-control ${(null==i?void 0:i.className)||""}`}))}),ErrorIcon=e=>{var{size:t}=e,r=(0,a._)(e,["size"]);let l=Object.assign({width:t,height:t},r);return n.createElement("svg",Object.assign({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),n.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:r,textProps:l}=e,i=(0,a._)(e,["label","withIcon","textProps"]);return n.createElement(C.k,Object.assign({align:"center",gap:4},i),r&&n.createElement(ErrorIcon,{size:12}),n.createElement(_.T,Object.assign({size:"c1",variant:"error",dangerouslySetInnerHTML:{__html:t}},l)))},eE=(0,n.createContext)({}),ev=X.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}; } `,ew=X.iv` height: auto !important; cursor: text; opacity: 1; transition: 0.1s ease-in-out all; `,ey=X.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=X.iv` top: var(--space-y-shrink, 6px); transform: none; transition: 0.125s ease-out all; `,eC=X.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}; } `,ek=X.iv` height: auto; min-height: var(--container-height, 56px); padding-block: var(--space-y-shrink, 6px); cursor: text; pointer-events: auto; `,eL=X.iv` color: ${$.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: ${$.r.colors.red400}; } } .mantine-Input-wrapper { &:has([data-invalid]) { border-color: ${$.r.colors.red400}; } } } .mantine-InputWrapper-label { ${ey} } .mantine-Input-wrapper { ${eC} + .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 { ${ev} } &.textField_shrink { .mantine-InputWrapper-label { ${ex} } .mantine-Input-wrapper { ${ek} &.mantine-Select-wrapper { .mantine-Select-rightSection { pointer-events: auto !important; } } } .mantine-Input-input { ${ew} } &: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); } } `;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: ${$.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 { ${eL} } `,D.Z.div` position: absolute; top: calc(var(--container-height) / 2); right: var(--space-x, 16px); `;let FloatingLabelControl=e=>{let{shrink:t,onChangeShrink:r,children:l,className:i}=e,o=(0,a._)(e,["shrink","onChangeShrink","children","className"]),[c,s]=(0,n.useState)(t),[d,p]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{s(t)},[t]),n.createElement(eE.Provider,Object.assign({value:{shrinkProps:t,shrink:c,setShrink:s,onChangeShrink:r,hasIcon:d,setHasIcon:p}},o),n.createElement(eI,Object.assign({shrink:c,className:(0,k.default)(i,"textField",{textField_shrink:!!c})},o),l))};FloatingLabelControl.Control=e=>{let{shrink:t,shrinkProps:r,onChangeShrink:a,setShrink:l,hasIcon:i}=(0,n.useContext)(eE),{children:o}=e,c=(0,V.O)(()=>{r||(l(!1),null==a||a(!1))}),focusInput=e=>{let t=e.querySelectorAll('input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])'),r=t.item(t.length-1);r&&r.focus({preventScroll:!0})},s=(0,n.useCallback)(e=>{if(t){e.preventDefault(),focusInput(e.currentTarget);return}l(!0),null==a||a(!0),focusInput(e.currentTarget)},[t]);return(0,n.useEffect)(()=>{l(r)},[r]),n.createElement(u.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:r}=(0,n.useContext)(eE),a=(0,m.rZ)();return(0,n.useEffect)(()=>{e&&r(!0)},[]),e?n.createElement(e,{className:`icon ${t?"shrink":""}`,shrink:t,size:24,color:a.colors.gray[9]}):null};let eS=(0,n.forwardRef)((e,t)=>{var{label:r,value:l,onChange:i,onChangeRaw:o,maxLength:c,withFloatingLabel:s,styles:d,error:p,size:h="md"}=e,m=(0,a._)(e,["label","value","onChange","onChangeRaw","maxLength","withFloatingLabel","styles","error","size"]);let u=(0,Z.u)(),{classes:g}=eh({variantStyle:u,size:h},{name:"MantineInput",styles:d}),[b,f]=(0,n.useState)(l||""),[E]=(0,R.c)(b,em);(0,n.useEffect)(()=>{null==i||i(E)},[E]),(0,n.useEffect)(()=>{f(l)},[l]);let v=Object.assign(Object.assign({classNames:{input:g.input,rightSection:g.rightSection},ref:t,size:h,onChange:e=>{"number"==typeof c&&e.currentTarget.value.length>c||(null==o||o(e),f(e.currentTarget.value))},value:b,label:r,error:p},m),{maxLength:c,className:`input-control ${(null==m?void 0:m.className)||""}`});return s?n.createElement(FloatingLabelControl,{shrink:!!b},n.createElement(FloatingLabelControl.Control,null,({shrink:e})=>n.createElement(L.o,Object.assign({},v,{error:p&&n.createElement(ErrorLabel,{label:String(p)}),inputWrapperOrder:["label","input","description","error"],label:n.createElement(_.T,{size:e?"p3":"p2",variant:"secondary",weight:"halfBold"},r),styles:e=>({input:Object.assign(Object.assign({},(0,Z.G)(e)[Z.C.LEADGEN].p2),{color:e.colors.gray[9],fontWeight:Z.F.halfBold})})})))):n.createElement(L.o,Object.assign({},v))}),eO=eS;eO.File=e=>n.createElement(v.S,Object.assign({size:"md"},e)),eO.Password=ef,eO.Number=NumberInput,eO.Wrapper=I.I.Wrapper;let ej=A.l.Slide,eF=(0,n.createContext)({}),findIndexFromLeftSide=(e,t)=>e>=t?e-t:e,findIndexFromRight=(e,t)=>e<0?t+e:e,CentralCarousel=e=>{var{children:t,blurFromCenter:r,blurFromIndex:l,blurLength:o=3,maxBlurOpacity:c=.5,onSlideChange:s,selectSlideWhenClick:d}=e,p=(0,a._)(e,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);let{width:h}=(0,B.n)(),[m]=(0,N.y)(),u=(0,n.useRef)(null),[g,b]=(0,n.useState)(0),handleStyle=()=>{var e,t,a,n,i;let s=(null===(e=null==u?void 0:u.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(t=null==u?void 0:u.current)||void 0===t?void 0:t.slideNodes().length)<=(null===(a=null==u?void 0:u.current)||void 0===a?void 0:a.slidesInView().length))return s.map(e=>{e.classList.remove("center-slide"),e.style.opacity="1"}),!1;let d=null===(n=null==u?void 0:u.current)||void 0===n?void 0:n.selectedScrollSnap();b(d);let p=s.length,h=null===(i=null==u?void 0:u.current)||void 0===i?void 0:i.slidesInView(),m=h.length,g=r?l+o-1:Math.floor(m/2),f=d+g,E=f===p?0:f>p?f-p:f,v=d-g,w=v<0?p+v:v>0?d-g:0,y=[...new Set(Array(2*g+1).fill("").map((e,t)=>findIndexFromLeftSide(w+t,p)))];s.map((e,t)=>{if(t===d?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==y.indexOf(t)){let r=c/o;for(let a=0;a{(null==u?void 0:u.current)&&handleStyle()},[h]);let f=(0,i.k)(()=>{var e,t;return{control:Object.assign({},(null===(e=null==u?void 0:u.current)||void 0===e?void 0:e.slideNodes().length)<=(null===(t=null==u?void 0:u.current)||void 0===t?void 0:t.slidesInView().length)&&{display:"none"})}}),{classes:E}=f();return n.createElement(eF.Provider,{value:{slider:null==u?void 0:u.current,centerSlide:g,selectSlideWhenClick:d}},n.createElement(A.l,Object.assign({classNames:{control:E.control},ref:m,slideSize:"auto",containScroll:"trimSnaps"},{getEmblaApi:e=>{u.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:r,innerSlideProps:l}=e,i=(0,a._)(e,["children","onClick","innerSlideProps"]);let{slider:o,selectSlideWhenClick:c}=(0,n.useContext)(eF),s=(0,n.useRef)(),d=(0,n.useRef)(""),[p,h]=(0,n.useState)(0);(0,n.useEffect)(()=>{d.current=String(Math.round(1e4*Math.random()))},[]),(0,n.useEffect)(()=>{let e=(null==o?void 0:o.slideNodes())||[];h(e.findIndex(e=>e.dataset.key===d.current))},[o]);let m={ref:s,"data-key":d.current,"data-index":p};return n.createElement(ej,Object.assign({},m,i),n.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{c&&(null==o||o.scrollTo(p)),null==r||r(p)}},l),t))};let CheckboxWithState=e=>{var{size:t=24,isSolid:r,isActive:l}=e,i=(0,a._)(e,["size","isSolid","isActive"]);return r?n.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),n.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"}),n.createElement("path",{d:"M6.38904 10.2778L8.88904 13.0556L13.6113 6.94446",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),n.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"})):l?n.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),n.createElement("path",{opacity:".2",d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",fill:"#2D87F3"}),n.createElement("path",{d:"m6.389 10.278 2.5 2.778 4.722-6.111",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),n.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"})):n.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),n.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",fill:"#ADB3BC",fillOpacity:".3"}),n.createElement("path",{d:"m6.389 10.278 2.5 2.778 4.722-6.111",stroke:"#ADB3BC",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),n.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:r,size:l,styles:i}=e,o=(0,a._)(e,["color","label","size","styles"]);let c=(0,m.rZ)(),s=(0,Z.u)(),d=(0,n.useMemo)(()=>{var e,r;return((null==t?void 0:t.includes("."))?null===(e=c.colors[t.split(".")[0]])||void 0===e?void 0:e[t.split(".")[1]]:null===(r=c.colors[t])||void 0===r?void 0:r[c.primaryShade||6])||c.colors.blue[6]},[t]),p=s===Z.C.LEADGEN,h=p?20:l;return n.createElement(S.X,Object.assign({color:t,size:h,label:p?n.createElement(_.T,{size:"p2",color:c.colors.gray[8]},r):r,icon:p?e=>{var t=(0,a._)(e,[]);return n.createElement(n.Fragment,null,n.createElement(CheckboxWithState,Object.assign({"data-icon":"true","data-default":"true",size:h},t)),n.createElement(CheckboxWithState,Object.assign({"data-icon":"true","data-hover":"true",isActive:!0,size:h},t)),n.createElement(CheckboxWithState,Object.assign({"data-icon":"true","data-checked":"true",isSolid:!0,size:h},t)))}:void 0,styles:Object.assign({input:Object.assign({"&:hover":{border:`1px solid ${d}`}},p&&{width:h,height:h,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:h,height:24})},i)},o))};Checkbox.Group=S.X.Group;let eM=(0,D.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; } `,eH=D.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:r,isActive:l}=e,i=(0,a._)(e,["size","isSolid","isActive"]);return r?n.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),n.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"}),n.createElement("circle",{cx:"10",cy:"10",r:"4",fill:"#2D87F3"})):l?n.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),n.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"}),n.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"})):n.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),n.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:r,size:l,styles:i}=e,o=(0,a._)(e,["color","label","size","styles"]);let c=(0,m.rZ)(),s=(0,Z.u)(),d=(0,n.useMemo)(()=>{var e,r;return((null==t?void 0:t.includes("."))?null===(e=c.colors[t.split(".")[0]])||void 0===e?void 0:e[t.split(".")[1]]:null===(r=c.colors[t])||void 0===r?void 0:r[c.primaryShade||6])||c.fn.primaryColor()},[t]),p=s===Z.C.LEADGEN,h=p?20:l;return n.createElement(j.Y,Object.assign({label:p?n.createElement(_.T,{size:"p2",color:c.colors.gray[8]},r):r,size:h,icon:p?e=>{var t=(0,a._)(e,[]);return n.createElement(n.Fragment,null,n.createElement(RadioWithState,Object.assign({"data-icon":"true","data-default":"true",size:h},t)),n.createElement(RadioWithState,Object.assign({"data-icon":"true","data-hover":"true",isActive:!0,size:h},t)),n.createElement(RadioWithState,Object.assign({"data-icon":"true","data-checked":"true",isSolid:!0,size:h},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:h,height:h,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 r=Array(t).fill("");if(e){let t=e.toString().split("");r.map((e,a)=>{t[a]&&(r[a]=t[a]||"")})}return r}function transferOtpToValue(e){return e.join("")}Radio.Group=j.Y.Group;let eR=(0,n.forwardRef)((e,t)=>{let{maxLength:r=1,placeholder:l,className:i}=e,o=(0,a._)(e,["maxLength","placeholder","className"]);return n.createElement("input",Object.assign({maxLength:r,className:U()("Ia6IojY","otpInput",i),placeholder:l,type:"number"},o,{ref:t}))}),eV=(0,n.forwardRef)((e,t)=>{let{valueLength:r=6,type:a="number",value:l,defaultValue:i,placeholder:o,onChange:c,onBlur:s,otpShareProps:d}=e,p=(0,n.useRef)(Array(r).fill(null)),[h,m]=(0,n.useState)(i||l),[u,g]=(0,n.useState)(-1),[b,f]=(0,n.useState)(()=>transferValueToOtp(h,r)),E=(0,n.useCallback)(()=>{if(-1===u)return;let e=p.current[u];e&&(e.value="",b[u]="",f(b),m(()=>transferOtpToValue(b)),null==c||c(transferOtpToValue(b)))},[u,c,b]),v=(0,n.useCallback)(()=>{if(0===u)return;let e=p.current[u];e&&e.blur();let t=p.current[u-1];t&&t.focus()},[u]),w=(0,n.useCallback)(()=>{if(u===r-1)return;let e=p.current[u];e&&e.blur();let t=p.current[u+1];t&&t.focus()},[u,r]),y=(0,n.useCallback)(e=>{let t=e.target,r=t.value,a=r.toString().slice(0,1),n=p.current.findIndex(e=>e===t);-1!==n&&(b[n]=a,f(b),m(()=>transferOtpToValue(b)),null==c||c(transferOtpToValue(b))),w()},[w,c,b]),x=(0,n.useCallback)(e=>{let t=e.target,r=p.current.findIndex(e=>e===t);"number"===a?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==r&&g(r)},[]),k=(0,n.useCallback)(e=>{let t=e.clipboardData.getData("text/plain"),a=transferValueToOtp(t,r),n=transferOtpToValue(a);f(a),m(n),null==c||c(n)},[c,a,r]),L=(0,n.useCallback)(e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),E(),v()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),E()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),v()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),w()):(32===e.keyCode||" "===e.key||"Spacebar"===e.key||"Space"===e.key)&&e.preventDefault()},[E,w,v]);return(0,n.useImperativeHandle)(t,()=>p.current[0],[]),(0,n.useEffect)(()=>{f(()=>transferValueToOtp(l,r)),m(l)},[r,l]),n.createElement(C.k,{justify:"center",columnGap:8,className:U()("_2iQs0sk","otpContainer")},b.map((e,t)=>n.createElement(eR,Object.assign({},d,{ref:e=>{p.current[t]=e},key:""+t,value:e,type:a,onChange:y,onFocus:x,onKeyDown:L,onPaste:k,onBlur:s,placeholder:o}))))}),CambodiaRoundIcon=e=>n.createElement(z.I,Object.assign({alt:"round cambodia flag",src:T.C.getAssetPath("flags/cambodiaRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),CambodiaSquareIcon=e=>n.createElement(z.I,Object.assign({alt:"square cambodia flag",src:T.C.getAssetPath("flags/cambodiaSquare.png")},e)),EnglishRoundIcon=e=>n.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),n.createElement("g",null,n.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),n.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),n.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),n.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),n.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),n.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),n.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),n.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),n.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"}),n.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),n.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"}),n.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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=>n.createElement("svg",Object.assign({viewBox:"0 0 26 26",fill:"none"},e),n.createElement("g",null,n.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},n.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"})),n.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),n.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),n.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),n.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),n.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),n.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),n.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),n.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"}),n.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"}))),IndiaRoundIcon=e=>n.createElement(z.I,Object.assign({alt:"round india flag",src:T.C.getAssetPath("flags/indiaRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),IndiaSquareIcon=e=>n.createElement(z.I,Object.assign({alt:"square indian flag",src:T.C.getAssetPath("flags/indiaSquare.png")},e)),IndonesiaRoundIcon=e=>{var t=(0,a._)(e,[]);let r=(0,K.a)();return n.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none"},t),n.createElement("mask",{id:r,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),n.createElement("g",{mask:`url(#${r})`},n.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),n.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},IndonesiaSquareIcon=e=>{var t=(0,a._)(e,[]);let r=(0,K.a)();return n.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},t),n.createElement("g",{clipPath:`url(#${r})`},n.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),n.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),n.createElement("defs",null,n.createElement("clipPath",{id:r},n.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},MalaysiaRoundIcon=e=>n.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),n.createElement("g",null,n.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),n.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),n.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),n.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),n.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),n.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),n.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),n.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),n.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),n.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),n.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),n.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),n.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),n.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),n.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"}),n.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=>n.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),n.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),n.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),n.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),n.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),n.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),n.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),n.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),n.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),n.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),n.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),n.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),n.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),n.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),n.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"}),n.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=>n.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),n.createElement("g",null,n.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),n.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),n.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),n.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"}))),MyanmarSquareIcon=e=>n.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),n.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),n.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),n.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"})),PhilippinesRoundIcon=e=>n.createElement(z.I,Object.assign({alt:"round philippines flag",src:T.C.getAssetPath("flags/philippineRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),PhilippinesSquareIcon=e=>n.createElement(z.I,Object.assign({alt:"square philippines flag",src:T.C.getAssetPath("flags/philippineSquare.png")},e)),SingaporeRoundIcon=e=>n.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),n.createElement("g",null,n.createElement("mask",{maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),n.createElement("rect",{width:"20",height:"10",y:"0",fill:"#EF3340"}),n.createElement("rect",{width:"20",height:"10",y:"10",fill:"#FFFFFF"}),n.createElement("circle",{cx:"6",cy:"5",r:"3",fill:"white"}),n.createElement("circle",{cx:"6.8",cy:"5",r:"2.4",fill:"#EF3340"}),n.createElement("g",{fill:"white",transform:"translate(6 5)"},n.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)"}),n.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)"}),n.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)"}),n.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)"}),n.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=>n.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),n.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}),n.createElement("rect",{width:"24",height:"8",rx:"2",fill:"#EF3340"}),n.createElement("circle",{cx:"6",cy:"4",r:"3",fill:"white"}),n.createElement("circle",{cx:"6.8",cy:"4",r:"2.4",fill:"#EF3340"}),n.createElement("g",{fill:"white",transform:"translate(6 4)"},n.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)"}),n.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)"}),n.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)"}),n.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)"}),n.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=>n.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),n.createElement("g",null,n.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),n.createElement("g",null,n.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),n.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),n.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),n.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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=>n.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),n.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),n.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),n.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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"}),n.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=>n.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),n.createElement("g",null,n.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),n.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),n.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"}))),ThailandSquareIcon=e=>n.createElement("svg",Object.assign({viewBox:"0 0 24 17",fill:"none"},e),n.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),n.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"})),VietnamRoundIcon=e=>n.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),n.createElement("g",null,n.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},n.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),n.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),n.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=>n.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),n.createElement("g",null,n.createElement("clipPath",null,n.createElement("rect",{width:"24",height:"16",fill:"white"})),n.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"}),n.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 eB={flag:"pfaLGRK"};let Flag=({country:e,language:t,rounded:r,height:a,width:l,isTesting:i,className:o})=>{let c,s;switch(t){case"en":c=n.createElement(EnglishSquareIcon,null),s=n.createElement(EnglishRoundIcon,null);break;case"vi":c=n.createElement(VietnamSquareIcon,null),s=n.createElement(VietnamRoundIcon,null);break;case"id":c=n.createElement(IndonesiaSquareIcon,{isTesting:i}),s=n.createElement(IndonesiaRoundIcon,{isTesting:i});break;case"th":c=n.createElement(ThailandSquareIcon,null),s=n.createElement(ThailandRoundIcon,null);break;case"km":c=n.createElement(CambodiaSquareIcon,null),s=n.createElement(CambodiaRoundIcon,null);break;case"ms":c=n.createElement(MalaysiaSquareIcon,null),s=n.createElement(MalaysiaRoundIcon,null);break;case"my":c=n.createElement(MyanmarSquareIcon,null),s=n.createElement(MyanmarRoundIcon,null);break;case"tl":c=n.createElement(PhilippinesSquareIcon,null),s=n.createElement(PhilippinesRoundIcon,null);break;case"hi":c=n.createElement(IndiaSquareIcon,null),s=n.createElement(IndiaRoundIcon,null);break;case"zh":c=n.createElement(TaiwanSquareIcon,null),s=n.createElement(TaiwanRoundIcon,null)}if(!c&&!s)switch(e){case"VN":c=n.createElement(VietnamSquareIcon,null),s=n.createElement(VietnamRoundIcon,null);break;case"ID":c=n.createElement(IndonesiaSquareIcon,{isTesting:i}),s=n.createElement(IndonesiaRoundIcon,{isTesting:i});break;case"TH":c=n.createElement(ThailandSquareIcon,null),s=n.createElement(ThailandRoundIcon,null);break;case"KH":c=n.createElement(CambodiaSquareIcon,null),s=n.createElement(CambodiaRoundIcon,null);break;case"MY":c=n.createElement(MalaysiaSquareIcon,null),s=n.createElement(MalaysiaRoundIcon,null);break;case"MM":c=n.createElement(MyanmarSquareIcon,null),s=n.createElement(MyanmarRoundIcon,null);break;case"PH":c=n.createElement(PhilippinesSquareIcon,null),s=n.createElement(PhilippinesRoundIcon,null);break;case"IN":c=n.createElement(IndiaSquareIcon,null),s=n.createElement(IndiaRoundIcon,null);break;case"TW":c=n.createElement(TaiwanSquareIcon,null),s=n.createElement(TaiwanRoundIcon,null);break;case"SG":c=n.createElement(SingaporeSquareIcon,null),s=n.createElement(SingaporeRoundIcon,null)}return n.createElement("div",{className:`${eB.flag} ${o||""}`,style:{"--width":l||20,"--height":a||20}},r?s:c)},CaretDown=e=>n.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},e),n.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"})),eN=Object.values(J.x9).reduce((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e),[]);var eP={phoneInput:"i-9Ibox",error:"YDWHh9b",selectedCountry:"_87SIJ95"};let eT=(0,n.forwardRef)((e,t)=>{let{isError:l,defaultCountry:i,selectedCountry:o,countries:c=eN,countryCallingCodeEditable:s=!1,defaultValue:d,value:p,onChange:h,flagComponent:m,arrowComponent:g,withFloatingLabel:b,className:f,inputId:E,label:v,error:w}=e,y=(0,a._)(e,["isError","defaultCountry","selectedCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","flagComponent","arrowComponent","withFloatingLabel","className","inputId","label","error"]),[x,C]=(0,n.useState)(d||p),[k,L]=(0,n.useState)(null),S=(0,n.useCallback)(e=>{if(!k)return;if(m)return m(e);let{country:t,countryName:r,flagUrl:l}=e,i=(0,a._)(e,["country","countryName","flagUrl"]),o=t?`+${k.getCountryCallingCode(t)}`:"";return n.createElement(n.Fragment,null,n.createElement(Flag,Object.assign({country:t,title:r},i)),n.createElement(_.T,{size:"p2",variant:"primary",className:U()(eP.callingCode,"PhoneInputCountryIconCallingCode")},o))},[m,k]),O=(0,n.useCallback)(()=>g?g():n.createElement("div",{className:U()(eP.arrowSelect,"PhoneInputArrowContainer")},n.createElement(CaretDown,null)),[g]);if((0,n.useEffect)(()=>{C(p)},[p]),(0,n.useEffect)(()=>{(0,a.a)(void 0,void 0,void 0,function*(){let e=yield Promise.all([r.e(5231),r.e(7797),r.e(5454),r.e(5481),r.e(1964),r.e(9214),r.e(3684),r.e(5349),r.e(4148),r.e(2509),r.e(1533),r.e(1108),r.e(9124),r.e(4190),r.e(4584),r.e(8261),r.e(9301),r.e(7884),r.e(891),r.e(137),r.e(4414),r.e(7613),r.e(8098),r.e(3416),r.e(2500),r.e(1570),r.e(3506),r.e(1413),r.e(2138),r.e(9467),r.e(4467),r.e(6966),r.e(5243),r.e(8132),r.e(1375),r.e(4561),r.e(1448),r.e(5465),r.e(1217),r.e(5480),r.e(731),r.e(2050),r.e(2008),r.e(8469),r.e(8214),r.e(1482),r.e(6817),r.e(467),r.e(5951),r.e(9357),r.e(747),r.e(5675),r.e(6753),r.e(4802),r.e(3046),r.e(5745),r.e(3437),r.e(252),r.e(6839),r.e(9424),r.e(5702),r.e(8922),r.e(6399),r.e(553),r.e(2902),r.e(4969),r.e(3257),r.e(6611),r.e(7538),r.e(6894),r.e(5341)]).then(r.bind(r,"A9bs"));L(e)})},[]),!k)return null;let j=Object.assign({ref:t,defaultValue:d,label:v,value:x,onChange:e=>{C(e),null==h||h(e)},countries:c,defaultCountry:i||o,countryCallingCodeEditable:s,displayInitialValueAsLocalNumber:!0,className:U()(eP.phoneInput,{isError:l,[eP.error]:l,[eP.selectedCountry]:o},f),flagUrl:void 0,flagComponent:S,countrySelectProps:{arrowComponent:O},id:E},y);return b?n.createElement(FloatingLabelControl,{shrink:!!x},n.createElement(FloatingLabelControl.Control,null,({shrink:e})=>n.createElement(I.I.Wrapper,{size:"md",label:n.createElement(_.T,{size:e?"p3":"p2",variant:"secondary",weight:"halfBold"},v),inputWrapperOrder:["label","input","description","error"],error:w&&n.createElement(ErrorLabel,{label:w})},n.createElement(u.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})})},n.createElement(k.default,Object.assign({},j)))))):n.createElement(k.default,Object.assign({},j))});(0,n.forwardRef)((e,t)=>{let{defaultCountry:r,id:l,name:i,placeholder:o,label:c,labelElement:s,labelProps:d,description:p,descriptionProps:h,withAsterisk:m,inputMode:u,inputContainer:g,inputWrapperOrder:b,error:f,className:E,classNames:v,style:w,styles:y}=e,x=(0,a._)(e,["defaultCountry","id","name","placeholder","label","labelElement","labelProps","description","descriptionProps","withAsterisk","inputMode","inputContainer","inputWrapperOrder","error","className","classNames","style","styles"]),C=l||(0,Y.Z)()+i;return n.createElement(I.I.Wrapper,{size:"md",label:c,labelElement:s,labelProps:Object.assign({htmlFor:C},d),description:p,descriptionProps:h,withAsterisk:m,inputMode:u,inputContainer:g,inputWrapperOrder:b,error:f,"data-invalid":!!f,className:E,classNames:v,style:w,styles:y},n.createElement("div",{className:"mantine-Input-wrapper"},n.createElement(eT,Object.assign({},x,{id:C,ref:t,name:i,spellCheck:!1,placeholder:o,defaultCountry:r,className:"mantine-Input-input",type:"tel","data-control":"tel"}))))});let eZ=(0,n.createContext)({}),Popover=e=>{var{children:t,closeOnClickOutside:r=!0}=e,l=(0,a._)(e,["children","closeOnClickOutside"]);let[i,{close:o,open:c}]=(0,P.q)(!1),s=r?(0,V.O)(o):(0,n.useRef)(),d=Object.assign({},"function"==typeof t?{opened:i}:{});return n.createElement(eZ.Provider,{value:{opened:i,close:o,open:c}},n.createElement(F.J,Object.assign({closeOnClickOutside:r},d,l),n.createElement("div",{ref:s},"function"==typeof t?t({open:c,close:o,opened:i}):t)))};Popover.Target=F.J.Target,Popover.Dropdown=F.J.Dropdown;var ez=(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:r,children:l,buttonProps:i}=e,o=(0,a._)(e,["variant","withIcon","children","buttonProps"]);let{classes:c,cx:s}=ez();return n.createElement(M.A,Object.assign({classNames:c},o,{unstyled:!0}),n.createElement(et.B,Object.assign({className:s(c.btnRoot,"checked"),leftIcon:r?n.createElement(Q.Z,{size:18,color:"currentColor"}):void 0,variant:t},i),l),n.createElement(et.B,Object.assign({className:s(c.btnRoot,"unchecked"),leftIcon:r?n.createElement(ee.Z,{size:18,color:"currentColor"}):void 0,variant:"tertiary"},i),l))};ChipButton.Group=M.A.Group}}]);