"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6509],{iVRv:function(e,t,r){r.d(t,{C:function(){return CartCareButton},S:function(){return ShoppingCartCare}});var n=r("q1tI"),a=r("xXM3"),l=r.n(a),i=r("rBCA"),o=r("Eso5"),c=r("pvoY"),s=r("iBNF"),d=r("FQi+"),u=r("srUE");let ShoppingCartCare=e=>n.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none"},e),n.createElement("path",{d:"M1.94434 1.94434L3.44545 2.31989C3.88211 2.42878 4.20989 2.791 4.27545 3.23656L5.55656 11.9454",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M16.9444 14.7218H4.99997C4.23331 14.7218 3.61108 14.0996 3.61108 13.3329C3.61108 12.5662 4.23331 11.944 4.99997 11.944H14.4766C14.9544 11.944 15.38 11.6385 15.5311 11.184L17.0122 6.73957C17.2522 6.01957 16.7166 5.27734 15.9578 5.27734H4.57553",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M4.16648 18.8891C4.93354 18.8891 5.55537 18.2673 5.55537 17.5002C5.55537 16.7332 4.93354 16.1113 4.16648 16.1113C3.39941 16.1113 2.77759 16.7332 2.77759 17.5002C2.77759 18.2673 3.39941 18.8891 4.16648 18.8891Z",fill:"currentColor"}),n.createElement("path",{d:"M15.8332 18.8891C16.6003 18.8891 17.2221 18.2673 17.2221 17.5002C17.2221 16.7332 16.6003 16.1113 15.8332 16.1113C15.0662 16.1113 14.4443 16.7332 14.4443 17.5002C14.4443 18.2673 15.0662 18.8891 15.8332 18.8891Z",fill:"currentColor"})),p=(0,i.Z)(o.x)` display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #ffffff33; position: relative; flex-shrink: 0; cursor: pointer; /* Desktop: Square layout */ border-radius: 28px; max-height: 40px; padding: 9px 1rem; background-color: inherit; white-space: nowrap; .cart-care-icon { width: 20px; height: 20px; color: ${s.r.colors.white}; flex-shrink: 0; } .cart-care-button-text { display: block; font-size: 14px; font-weight: 500; line-height: 22px; } /* Mobile: Circle layout */ ${c.M.mbDown} { border-radius: 100%; aspect-ratio: 1/1; width: 32px; height: 32px; padding: auto; background-color: ${s.r.colors.white}; max-height: none; padding: 0; .cart-care-icon { width: 20px; height: 20px; color: ${s.r.colors.blue900}; flex-shrink: 0; } .cart-care-button-text { display: none; } } `,m=(0,i.Z)(o.x)` min-width: 20px; min-height: 20px; aspect-ratio: 1/1; border-radius: 100%; background-color: ${s.r.colors.red500}; color: ${s.r.colors.white}; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: absolute; top: -4px; right: -4px; ${c.M.mbDown} { top: -8px; right: -8px; } `,CartCareButton=e=>{let{count:t=0,href:r,classes:a,boxProps:i,anchorProps:o,tracking:c}=e,{t:h}=(0,d.u)();return n.createElement("a",Object.assign({className:l()("cart-care-button"),href:r,"data-testid":"cart-care-button","data-event-category":"Hamburger Navigation","data-event-action":"Cart Click","data-event-label":r},c,o),n.createElement(p,Object.assign({className:l()("cart-care-button-box",null==a?void 0:a.box)},i),n.createElement(ShoppingCartCare,{className:"cart-care-icon"}),n.createElement(u.T,{size:"label1",color:s.r.colors.white,fw:500,className:"cart-care-button-text"},h("navigation.button.cartCareService")),t>0&&n.createElement(m,{className:l()("cart-care-button-count-box",null==a?void 0:a.count)},n.createElement(u.T,{size:t>99?"label2":"c1",color:s.r.colors.white,fw:600,className:"cart-care-button-count-text"},t>99?"99+":t))))}},kkFJ:function(e,t,r){r.d(t,{S:function(){return Spoiler}});var n=r("usZY"),a=r("q1tI"),l=r("uCoU"),i=r("srUE"),o=r("FQi+"),c=r("iBNF");let Spoiler=e=>{var{children:t,line:r,lineHeight:s,trackingAttributes:d,maxHeight:u,customExpandFn:p}=e,m=(0,n._)(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);let{t:h}=(0,o.u)(),g=(0,a.useMemo)(()=>u||(r&&s?r*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0)),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");let b=(0,a.useMemo)(()=>d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{},[d]);return a.createElement(l.o,Object.assign({showLabel:a.createElement(i.T,Object.assign({size:"p3",color:c.r.colors.primaryBase},b,{onClick:p}),h("articlePage.readMore")),hideLabel:a.createElement(i.T,Object.assign({size:"p3",color:c.r.colors.primaryBase},b),h("articlePage.showLess"))},m,{maxHeight:g}),t)}},MQ5V: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 eM},N:function(){return NumberInput},O:function(){return eP},P:function(){return eD},R:function(){return Radio},S:function(){return en},a:function(){return Carousel},b:function(){return Anchor},c:function(){return AspectRatio},d:function(){return Checkbox},e:function(){return ErrorLabel},f:function(){return CentralCarousel},g:function(){return ChipButton},h:function(){return ErrorBoundary},i:function(){return ef},j:function(){return eF},k:function(){return eR},l:function(){return Accordion},m:function(){return eh},o:function(){return Popover},s:function(){return eN},u:function(){return ec}});var n=r("usZY"),a=r("q1tI"),l=r("e0pn"),i=r("/npG"),o=r("mYVa"),c=r("F9pO"),s=r("gHhT"),d=r("gxre"),u=r("CmzK"),p=r("RZSM"),m=r("8vDj"),h=r("Eso5"),g=r("eRSo"),b=r("bpvy"),f=r("jUTz"),E=r("QJsO"),v=r("nVa/"),w=r("9Igr"),y=r("HXNK"),C=r("5LCj"),x=r("SPK5"),k=r("iuhU"),L=r("J8Dw"),I=r("aDCK"),S=r("L0nm"),M=r("nI05"),O=r("0Tuv"),j=r("LES+"),R=r("9n+W"),F=r("1z9F"),H=r("GjY/"),P=r("ChHM"),B=r("jD9D"),V=r("xjta"),N=r("Iblh"),D=r("ipFv"),z=r("COU7"),Z=r("D0kt"),T=r("rBCA"),$=r("Zdfy"),A=r("srUE"),_=r("g2vb"),G=r("iBNF"),U=r("RvUM"),q=r("xXM3"),W=r.n(q),Y=r("+PHJ"),Q=r("r3pw"),K=r("tiWT"),J=r("AeFk"),X=r("m42D"),ee=r("oTwY"),et=r("5bY3"),er=(0,i.k)((e,{variantStyle:t})=>{let r=t===z.C.LEADGEN,n={fontSize:(0,o.h)(15),lineHeight:(0,o.h)(24),letterSpacing:"-0.3px"};return{input:Object.assign({padding:"12px 16px",background:"#ffffff",border:`1px solid ${e.colors.gray[2]}`,borderRadius:4},r&&Object.assign(Object.assign({borderRadius:8},n),{color:"#111111","&::placeholder":Object.assign(Object.assign({},n),{fontSize:(0,o.h)(13),lineHeight:(0,o.h)(20),letterSpacing:"-0.3px",color:e.colors.gray[4]})}))}});let en=(0,a.forwardRef)((e,t)=>{var{keepSearch:r=!1}=e,l=(0,n._)(e,["keepSearch"]);return r?a.createElement(ea,Object.assign({},l,{ref:t})):a.createElement(el,Object.assign({},l,{ref:t}))}),ea=(0,a.forwardRef)((e,t)=>{var{value:r,defaultValue:l,onChange:i,clearable:o}=e,u=(0,n._)(e,["value","defaultValue","onChange","clearable"]);let[p,m]=(0,F.C)({value:r,defaultValue:l,onChange:i});return a.createElement(c.F,Object.assign({ref:t,rightSection:a.createElement(s.E,{src:D.C.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300,onChange:e=>m(e),value:p},u,o&&(null==p?void 0:p.length)>0?{rightSection:a.createElement(d.A,{onClick:()=>{m("")},sx:{cursor:"pointer"}},a.createElement(_IconSelect,null))}:{}))}),el=(0,a.forwardRef)((e,t)=>{var{searchValue:r,onSearchChange:i,styles:o}=e,c=(0,n._)(e,["searchValue","onSearchChange","styles"]);let s=(0,z.u)(),{classes:p}=er({variantStyle:s},{name:"MantineSelect",styles:o}),[m,h]=(0,F.C)({defaultValue:"",value:r,onChange:i});return a.createElement(u.Ph,Object.assign({classNames:{input:p.input},ref:t,rightSection:a.createElement(l.Z,{size:18}),rightSectionProps:{style:{pointerEvents:"none"}},size:"md",maxDropdownHeight:300,onSearchChange:e=>h(e),searchValue:m},c,c.clearable&&(null==m?void 0:m.length)>0?{rightSection:a.createElement(d.A,{onClick:()=>{h("")},sx:{cursor:"pointer"}},a.createElement(_IconSelect,null))}:{}))}),_IconSelect=()=>a.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},a.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 a.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||a.createElement(a.Fragment,null):this.props.children}};let Carousel=e=>{var{slidesToShow:t=1,children:r}=e,l=(0,n._)(e,["slidesToShow","children"]);let i=Array.isArray(r)?r.length:1;return i?a.createElement(ErrorBoundary,null,a.createElement($.l,Object.assign({slideSize:String(Math.floor(1/t*1e4)/100)+"%",containScroll:"trimSnaps"},l),r)):null};Carousel.Slide=$.l.Slide;let ei=(0,T.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,n._)(e,["color","styles","className"]);let{classes:o,cx:c}=eo({color:t},{name:"Anchor",styles:r});return a.createElement(A.T,Object.assign({as:"a",className:c(o.root,l)},i))},BreadcrumbItem=e=>{var{children:t}=e,r=(0,n._)(e,["children"]);return a.createElement(Anchor,Object.assign({size:"p4",color:"gray.8"},r),t)},AspectRatio=e=>a.createElement(p.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,n._)(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,u]=(0,a.useState)(null),{isMobile:p}=(0,Z.u)(),[,b]=(0,a.useState)(!0),f=(0,a.useCallback)(()=>{b(!1)},[]),E=(0,a.useCallback)(()=>{setTimeout(()=>{b(!0)},1e3)},[]);return(0,a.useEffect)(()=>(d&&(d.on("scroll",f),d.on("pointerUp",E)),()=>{d&&(d.off("scroll",f),d.on("pointerUp",E))}),[d,f,E]),a.createElement(ei,Object.assign({align:"center",slideGap:"xs",dragFree:!0,draggable:p,slideSize:"0",getEmblaApi:u,controlsOffset:-52,previousControlIcon:a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},a.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:a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},a.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&&a.createElement(Carousel.Slide,{style:{borderRight:`1px solid ${_.t.neutral[1]}`}},a.createElement(BreadcrumbItem,{href:i,target:"_blank",className:"pointer-event-child-none"},a.createElement(h.x,{sx:Object.assign({},!s&&{borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"}),bg:!s&&_.t.neutral[0],p:s?0:6},a.createElement(AspectRatio,{ratio:1,w:18},s?a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a.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"}),a.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"})):a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},a.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"})))))),a.createElement(Carousel.Slide,null),a.createElement(Carousel.Slide,null,a.createElement(g.O,{styles:{separator:{marginInline:4}},separator:a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},a.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,n={fontSize:(0,o.h)(15),lineHeight:(0,o.h)(24),letterSpacing:"-0.3px"};return{input:Object.assign({padding:"12px 16px",background:"#ffffff",border:`1px solid ${e.colors.gray[2]}`,borderRadius:4},r&&Object.assign(Object.assign({borderRadius:8},n),{color:"#111111","&::placeholder":Object.assign(Object.assign({},n),{fontSize:(0,o.h)(15),lineHeight:(0,o.h)(24),letterSpacing:"-0.3px",color:e.colors.gray[4]})}))}});let es=(0,T.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||D.C.getAssetPath("plus-icon.svg")}); } } &[data-active='true'] { .mantine-Accordion-chevron { > div { background-image: url(${e=>e.openChevron||D.C.getAssetPath("minus-icon.svg")}); } } } } .mantine-Accordion-panel { border-radius: ${G.r.borderRadius}; } .mantine-Accordion-content { white-space: pre-wrap; } `,Accordion=e=>{var{children:t}=e,r=(0,n._)(e,["children"]);return a.createElement(es,Object.assign({chevron:a.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=D.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,n._)(e,["withIndicator","indicatorConfig","size","children","styles","placeholderText"]);let generateAvatar=()=>a.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||a.createElement(Z.I,{src:ed,width:l,alt:s.alt||"avatar"}));return t?a.createElement(E.z,Object.assign({inline:!0,position:"bottom-end",offset:9},r,{styles:Object.assign({indicator:{backgroundColor:a.isValidElement(r.label)&&"transparent",zIndex:1}},o)}),generateAvatar()):generateAvatar()},eu={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 ep=(0,i.k)((e,{variantStyle:t,size:r})=>{let n=t===z.C.LEADGEN,a=eu[r]||{},l=n?"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 ${U.A} ease-in-out`,"&:not(.mantine-Textarea-input)":Object.assign(Object.assign({minHeight:"unset"},a),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)},n&&{fontSize:(0,o.h)(15)});case"md":return Object.assign({fontSize:(0,o.h)(14)},n&&{fontSize:(0,o.h)(15),letterSpacing:"-0.3px"});case"sm":return Object.assign({height:32,fontSize:(0,o.h)(14),lineHeight:"22px"},n&&{height:36,fontSize:(0,o.h)(13),letterSpacing:"-0.3px"});case"xs":return{height:32,lineHeight:(0,o.h)(20),fontSize:(0,o.h)(13),letterSpacing:"-0.3px"}}})())}});let em=300,eh=(0,w.Z)({key:"mantine",prepend:!1}),NumberInput=e=>{var{value:t,onChange:r,size:l="md",styles:i,classNames:o}=e,c=(0,n._)(e,["value","onChange","size","styles","classNames"]);let[s,d]=(0,a.useState)(t),[u]=(0,H.c)(s,em),p=(0,z.u)(),{classes:m}=ep({variantStyle:p,size:l},{name:"MantineInput",styles:i,classNames:o});return(0,a.useEffect)(()=>{null==r||r(u)},[u]),(0,a.useEffect)(()=>{d(t)},[t]),a.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=D.C.getAssetPath("EyeVisible.svg"),eb=D.C.getAssetPath("EyeHidden.svg"),RenderVisibleToggleIcon=({reveal:e,size:t})=>a.createElement("img",{src:e?eg:eb,style:{width:t,height:t},loading:"lazy"}),ef=(0,a.forwardRef)((e,t)=>{let{size:r="md",visibilityToggleIcon:l}=e,i=(0,n._)(e,["size","visibilityToggleIcon"]);return a.createElement(C.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,n._)(e,["size"]);let l=Object.assign({width:t,height:t},r);return a.createElement("svg",Object.assign({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),a.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:G.r.colors.gray600,activeColor:G.r.colors.primaryBase};let ErrorLabel=e=>{var{label:t,withIcon:r,textProps:l}=e,i=(0,n._)(e,["label","withIcon","textProps"]);return a.createElement(x.k,Object.assign({align:"center",gap:4},i),r&&a.createElement(ErrorIcon,{size:12}),a.createElement(A.T,Object.assign({size:"c1",variant:"error",dangerouslySetInnerHTML:{__html:t}},l)))},eE=(0,a.createContext)({}),ev=J.iv` height: 100% !important; min-height: calc(var(--container-height, 56px) * 24 / 56); line-height: calc(var(--container-height, 56px) * 24 / 56); border: none !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; padding: 0; cursor: pointer; opacity: 0; ::placeholder { color: ${G.r.colors.gray400}; } `,ew=J.iv` height: auto !important; cursor: text; opacity: 1; transition: 0.1s ease-in-out all; `,ey=J.iv` position: absolute; top: calc(var(--container-height) / 2); left: var(--space-x, 16px); margin: 0; z-index: 1; cursor: pointer; transform: translateY(-50%); transition: 0.125s ease-in all; `,eC=J.iv` top: var(--space-y-shrink, 6px); transform: none; transition: 0.125s ease-out all; `,ex=J.iv` min-height: var(--container-height, 56px); display: flex; align-items: flex-end; border: 1px solid ${G.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: ${G.r.colors.gray200}; } `,ek=J.iv` height: auto; min-height: var(--container-height, 56px); padding-block: var(--space-y-shrink, 6px); cursor: text; pointer-events: auto; `,eL=J.iv` color: ${G.r.colors.red800}; font-size: 12px; line-height: 1.5; `,eI=T.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: ${G.r.colors.red400}; } } .mantine-Input-wrapper { &:has([data-invalid]) { border-color: ${G.r.colors.red400}; } } } .mantine-InputWrapper-label { ${ey} } .mantine-Input-wrapper { ${ex} + .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 { ${eC} } .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: ${G.r.colors.primary600}; box-shadow: 0 0 4px ${G.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: ${G.r.colors.gray800} !important; :focus { color: ${G.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); } } `;T.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: ${G.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: ${G.r.colors.gray600}; // width: 18px; // height: 18px; // } // input[type='checkbox'] { // border-radius: 4px; // } // &[data-checked='true'] { // input[type='radio'], // input[type='checkbox'] { // border-color: ${G.r.colors.primary600}; // } // input[type='radio'] { // background-color: white; // } // } .mantine-Checkbox-input { &:checked { border-color: ${G.r.colors.primary600}; } } } .leadgen-choiceContainer { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; } .mantine-InputWrapper-error { ${eL} } `,T.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,n._)(e,["shrink","onChangeShrink","children","className"]),[c,s]=(0,a.useState)(t),[d,u]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{s(t)},[t]),a.createElement(eE.Provider,Object.assign({value:{shrinkProps:t,shrink:c,setShrink:s,onChangeShrink:r,hasIcon:d,setHasIcon:u}},o),a.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:n,setShrink:l,hasIcon:i}=(0,a.useContext)(eE),{children:o}=e,c=(0,P.O)(()=>{r||(l(!1),null==n||n(!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,a.useCallback)(e=>{if(t){e.preventDefault(),focusInput(e.currentTarget);return}l(!0),null==n||n(!0),focusInput(e.currentTarget)},[t]);return(0,a.useEffect)(()=>{l(r)},[r]),a.createElement(h.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,a.useContext)(eE),n=(0,m.rZ)();return(0,a.useEffect)(()=>{e&&r(!0)},[]),e?a.createElement(e,{className:`icon ${t?"shrink":""}`,shrink:t,size:24,color:n.colors.gray[9]}):null};let eS=(0,a.forwardRef)((e,t)=>{var{label:r,value:l,onChange:i,onChangeRaw:o,maxLength:c,withFloatingLabel:s,styles:d,error:u,size:p="md"}=e,m=(0,n._)(e,["label","value","onChange","onChangeRaw","maxLength","withFloatingLabel","styles","error","size"]);let h=(0,z.u)(),{classes:g}=ep({variantStyle:h,size:p},{name:"MantineInput",styles:d}),[b,f]=(0,a.useState)(l||""),[E]=(0,H.c)(b,em);(0,a.useEffect)(()=>{null==i||i(E)},[E]),(0,a.useEffect)(()=>{f(l)},[l]);let v=Object.assign(Object.assign({classNames:{input:g.input,rightSection:g.rightSection},ref:t,size:p,onChange:e=>{"number"==typeof c&&e.currentTarget.value.length>c||(null==o||o(e),f(e.currentTarget.value))},value:b,label:r,error:u},m),{maxLength:c,className:`input-control ${(null==m?void 0:m.className)||""}`});return s?a.createElement(FloatingLabelControl,{shrink:!!b},a.createElement(FloatingLabelControl.Control,null,({shrink:e})=>a.createElement(L.o,Object.assign({},v,{error:u&&a.createElement(ErrorLabel,{label:String(u)}),inputWrapperOrder:["label","input","description","error"],label:a.createElement(A.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})})})))):a.createElement(L.o,Object.assign({},v))}),eM=eS;eM.File=e=>a.createElement(v.S,Object.assign({size:"md"},e)),eM.Password=ef,eM.Number=NumberInput,eM.Wrapper=I.I.Wrapper;let eO=$.l.Slide,ej=(0,a.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,u=(0,n._)(e,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);let{width:p}=(0,B.n)(),[m]=(0,V.y)(),h=(0,a.useRef)(null),[g,b]=(0,a.useState)(0),handleStyle=()=>{var e,t,n,a,i;let s=(null===(e=null==h?void 0:h.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(t=null==h?void 0:h.current)||void 0===t?void 0:t.slideNodes().length)<=(null===(n=null==h?void 0:h.current)||void 0===n?void 0:n.slidesInView().length))return s.map(e=>{e.classList.remove("center-slide"),e.style.opacity="1"}),!1;let d=null===(a=null==h?void 0:h.current)||void 0===a?void 0:a.selectedScrollSnap();b(d);let u=s.length,p=null===(i=null==h?void 0:h.current)||void 0===i?void 0:i.slidesInView(),m=p.length,g=r?l+o-1:Math.floor(m/2),f=d+g,E=f===u?0:f>u?f-u:f,v=d-g,w=v<0?u+v:v>0?d-g:0,y=[...new Set(Array(2*g+1).fill("").map((e,t)=>findIndexFromLeftSide(w+t,u)))];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 n=0;n{(null==h?void 0:h.current)&&handleStyle()},[p]);let f=(0,i.k)(()=>{var e,t;return{control:Object.assign({},(null===(e=null==h?void 0:h.current)||void 0===e?void 0:e.slideNodes().length)<=(null===(t=null==h?void 0:h.current)||void 0===t?void 0:t.slidesInView().length)&&{display:"none"})}}),{classes:E}=f();return a.createElement(ej.Provider,{value:{slider:null==h?void 0:h.current,centerSlide:g,selectSlideWhenClick:d}},a.createElement($.l,Object.assign({classNames:{control:E.control},ref:m,slideSize:"auto",containScroll:"trimSnaps"},{getEmblaApi:e=>{h.current=e},onSlideChange:e=>{handleStyle(),null==s||s(e)}},u,{loop:!0}),"function"==typeof t?t(g):t))};CentralCarousel.Slide=e=>{var{children:t,onClick:r,innerSlideProps:l}=e,i=(0,n._)(e,["children","onClick","innerSlideProps"]);let{slider:o,selectSlideWhenClick:c}=(0,a.useContext)(ej),s=(0,a.useRef)(),d=(0,a.useRef)(""),[u,p]=(0,a.useState)(0);(0,a.useEffect)(()=>{d.current=String(Math.round(1e4*Math.random()))},[]),(0,a.useEffect)(()=>{let e=(null==o?void 0:o.slideNodes())||[];p(e.findIndex(e=>e.dataset.key===d.current))},[o]);let m={ref:s,"data-key":d.current,"data-index":u};return a.createElement(eO,Object.assign({},m,i),a.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{c&&(null==o||o.scrollTo(u)),null==r||r(u)}},l),t))};let CheckboxWithState=e=>{var{size:t=24,isSolid:r,isActive:l}=e,i=(0,n._)(e,["size","isSolid","isActive"]);return r?a.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),a.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"}),a.createElement("path",{d:"M6.38904 10.2778L8.88904 13.0556L13.6113 6.94446",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),a.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?a.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),a.createElement("path",{opacity:".2",d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",fill:"#2D87F3"}),a.createElement("path",{d:"m6.389 10.278 2.5 2.778 4.722-6.111",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),a.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"})):a.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),a.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",fill:"#ADB3BC",fillOpacity:".3"}),a.createElement("path",{d:"m6.389 10.278 2.5 2.778 4.722-6.111",stroke:"#ADB3BC",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),a.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,n._)(e,["color","label","size","styles"]);let c=(0,m.rZ)(),s=(0,z.u)(),d=(0,a.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]),u=s===z.C.LEADGEN,p=u?20:l;return a.createElement(S.X,Object.assign({color:t,size:p,label:u?a.createElement(A.T,{size:"p2",color:c.colors.gray[8]},r):r,icon:u?e=>{var t=(0,n._)(e,[]);return a.createElement(a.Fragment,null,a.createElement(CheckboxWithState,Object.assign({"data-icon":"true","data-default":"true",size:p},t)),a.createElement(CheckboxWithState,Object.assign({"data-icon":"true","data-hover":"true",isActive:!0,size:p},t)),a.createElement(CheckboxWithState,Object.assign({"data-icon":"true","data-checked":"true",isSolid:!0,size:p},t)))}:void 0,styles:Object.assign({input:Object.assign({"&:hover":{border:`1px solid ${d}`}},u&&{width:p,height:p,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({},u&&{paddingLeft:8}),body:Object.assign({},u&&{alignItems:"flex-start"}),inner:Object.assign({},u&&{paddingTop:2,width:p,height:24})},i)},o))};Checkbox.Group=S.X.Group;let eR=(0,T.Z)(M.i)` ${e=>{let t=e.color||G.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||G.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; } `,eF=T.Z.div` display: flex; align-items: center; .hhg-mantine-slider { flex-grow: 1; } button { path:not([stroke]) { stroke: ${G.r.colors.primaryBase}; } } [data-theme='marryBaby'] & { button { path:not([stroke]) { stroke: ${G.r.mbColors.pink}; } } } `,RadioWithState=e=>{var{size:t=24,isSolid:r,isActive:l}=e,i=(0,n._)(e,["size","isSolid","isActive"]);return r?a.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),a.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"}),a.createElement("circle",{cx:"10",cy:"10",r:"4",fill:"#2D87F3"})):l?a.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),a.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"}),a.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"})):a.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),a.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,n._)(e,["color","label","size","styles"]);let c=(0,m.rZ)(),s=(0,z.u)(),d=(0,a.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]),u=s===z.C.LEADGEN,p=u?20:l;return a.createElement(O.Y,Object.assign({label:u?a.createElement(A.T,{size:"p2",color:c.colors.gray[8]},r):r,size:p,icon:u?e=>{var t=(0,n._)(e,[]);return a.createElement(a.Fragment,null,a.createElement(RadioWithState,Object.assign({"data-icon":"true","data-default":"true",size:p},t)),a.createElement(RadioWithState,Object.assign({"data-icon":"true","data-hover":"true",isActive:!0,size:p},t)),a.createElement(RadioWithState,Object.assign({"data-icon":"true","data-checked":"true",isSolid:!0,size:p},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%)"}},u&&{width:p,height:p,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({},u&&{paddingLeft:8})},i)},o))};function transferValueToOtp(e,t=6){let r=Array(t).fill("");if(e){let t=e.toString().split("");r.map((e,n)=>{t[n]&&(r[n]=t[n]||"")})}return r}function transferOtpToValue(e){return e.join("")}Radio.Group=O.Y.Group;let eH=(0,a.forwardRef)((e,t)=>{let{maxLength:r=1,placeholder:l,className:i}=e,o=(0,n._)(e,["maxLength","placeholder","className"]);return a.createElement("input",Object.assign({maxLength:r,className:W()("Ia6IojY","otpInput",i),placeholder:l,type:"number"},o,{ref:t}))}),eP=(0,a.forwardRef)((e,t)=>{let{valueLength:r=6,type:n="number",value:l,defaultValue:i,placeholder:o,onChange:c,onBlur:s,otpShareProps:d}=e,u=(0,a.useRef)(Array(r).fill(null)),[p,m]=(0,a.useState)(i||l),[h,g]=(0,a.useState)(-1),[b,f]=(0,a.useState)(()=>transferValueToOtp(p,r)),E=(0,a.useCallback)(()=>{if(-1===h)return;let e=u.current[h];e&&(e.value="",b[h]="",f(b),m(()=>transferOtpToValue(b)),null==c||c(transferOtpToValue(b)))},[h,c,b]),v=(0,a.useCallback)(()=>{if(0===h)return;let e=u.current[h];e&&e.blur();let t=u.current[h-1];t&&t.focus()},[h]),w=(0,a.useCallback)(()=>{if(h===r-1)return;let e=u.current[h];e&&e.blur();let t=u.current[h+1];t&&t.focus()},[h,r]),y=(0,a.useCallback)(e=>{let t=e.target,r=t.value,n=r.toString().slice(0,1),a=u.current.findIndex(e=>e===t);-1!==a&&(b[a]=n,f(b),m(()=>transferOtpToValue(b)),null==c||c(transferOtpToValue(b))),w()},[w,c,b]),C=(0,a.useCallback)(e=>{let t=e.target,r=u.current.findIndex(e=>e===t);"number"===n?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==r&&g(r)},[]),k=(0,a.useCallback)(e=>{let t=e.clipboardData.getData("text/plain"),n=transferValueToOtp(t,r),a=transferOtpToValue(n);f(n),m(a),null==c||c(a)},[c,n,r]),L=(0,a.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,a.useImperativeHandle)(t,()=>u.current[0],[]),(0,a.useEffect)(()=>{f(()=>transferValueToOtp(l,r)),m(l)},[r,l]),a.createElement(x.k,{justify:"center",columnGap:8,className:W()("_2iQs0sk","otpContainer")},b.map((e,t)=>a.createElement(eH,Object.assign({},d,{ref:e=>{u.current[t]=e},key:""+t,value:e,type:n,onChange:y,onFocus:C,onKeyDown:L,onPaste:k,onBlur:s,placeholder:o}))))}),CambodiaRoundIcon=e=>a.createElement(Z.I,Object.assign({alt:"round cambodia flag",src:D.C.getAssetPath("flags/cambodiaRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),CambodiaSquareIcon=e=>a.createElement(Z.I,Object.assign({alt:"square cambodia flag",src:D.C.getAssetPath("flags/cambodiaSquare.png")},e)),EnglishRoundIcon=e=>a.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),a.createElement("g",null,a.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},a.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),a.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),a.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),a.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),a.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),a.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),a.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),a.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),a.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"}),a.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),a.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"}),a.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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=>a.createElement("svg",Object.assign({viewBox:"0 0 26 26",fill:"none"},e),a.createElement("g",null,a.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},a.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"})),a.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),a.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),a.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),a.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),a.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),a.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),a.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),a.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"}),a.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"}))),IndiaRoundIcon=e=>a.createElement(Z.I,Object.assign({alt:"round india flag",src:D.C.getAssetPath("flags/indiaRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),IndiaSquareIcon=e=>a.createElement(Z.I,Object.assign({alt:"square indian flag",src:D.C.getAssetPath("flags/indiaSquare.png")},e)),IndonesiaRoundIcon=e=>{var t=(0,n._)(e,[]);let r=(0,Q.a)();return a.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none"},t),a.createElement("mask",{id:r,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},a.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),a.createElement("g",{mask:`url(#${r})`},a.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),a.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},IndonesiaSquareIcon=e=>{var t=(0,n._)(e,[]);let r=(0,Q.a)();return a.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},t),a.createElement("g",{clipPath:`url(#${r})`},a.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),a.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),a.createElement("defs",null,a.createElement("clipPath",{id:r},a.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},MalaysiaRoundIcon=e=>a.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),a.createElement("g",null,a.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},a.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),a.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),a.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),a.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),a.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),a.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),a.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),a.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),a.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),a.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),a.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),a.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),a.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),a.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),a.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"}),a.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=>a.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),a.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),a.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),a.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),a.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),a.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),a.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),a.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),a.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),a.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),a.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),a.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),a.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),a.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),a.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"}),a.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=>a.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),a.createElement("g",null,a.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},a.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),a.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),a.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),a.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"}))),MyanmarSquareIcon=e=>a.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),a.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),a.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),a.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"})),PhilippinesRoundIcon=e=>a.createElement(Z.I,Object.assign({alt:"round philippines flag",src:D.C.getAssetPath("flags/philippineRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),PhilippinesSquareIcon=e=>a.createElement(Z.I,Object.assign({alt:"square philippines flag",src:D.C.getAssetPath("flags/philippineSquare.png")},e)),SingaporeRoundIcon=e=>a.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),a.createElement("g",null,a.createElement("mask",{maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},a.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),a.createElement("rect",{width:"20",height:"10",y:"0",fill:"#EF3340"}),a.createElement("rect",{width:"20",height:"10",y:"10",fill:"#FFFFFF"}),a.createElement("circle",{cx:"6",cy:"5",r:"3",fill:"white"}),a.createElement("circle",{cx:"6.8",cy:"5",r:"2.4",fill:"#EF3340"}),a.createElement("g",{fill:"white",transform:"translate(6 5)"},a.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)"}),a.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)"}),a.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)"}),a.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)"}),a.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=>a.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),a.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}),a.createElement("rect",{width:"24",height:"8",rx:"2",fill:"#EF3340"}),a.createElement("circle",{cx:"6",cy:"4",r:"3",fill:"white"}),a.createElement("circle",{cx:"6.8",cy:"4",r:"2.4",fill:"#EF3340"}),a.createElement("g",{fill:"white",transform:"translate(6 4)"},a.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)"}),a.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)"}),a.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)"}),a.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)"}),a.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=>a.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),a.createElement("g",null,a.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},a.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),a.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),a.createElement("g",null,a.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},a.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),a.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),a.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),a.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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=>a.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),a.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),a.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),a.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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"}),a.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=>a.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),a.createElement("g",null,a.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},a.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),a.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),a.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"}))),ThailandSquareIcon=e=>a.createElement("svg",Object.assign({viewBox:"0 0 24 17",fill:"none"},e),a.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),a.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"})),VietnamRoundIcon=e=>a.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),a.createElement("g",null,a.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},a.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),a.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),a.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=>a.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),a.createElement("g",null,a.createElement("clipPath",null,a.createElement("rect",{width:"24",height:"16",fill:"white"})),a.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"}),a.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:n,width:l,isTesting:i,className:o})=>{let c,s;switch(t){case"en":c=a.createElement(EnglishSquareIcon,null),s=a.createElement(EnglishRoundIcon,null);break;case"vi":c=a.createElement(VietnamSquareIcon,null),s=a.createElement(VietnamRoundIcon,null);break;case"id":c=a.createElement(IndonesiaSquareIcon,{isTesting:i}),s=a.createElement(IndonesiaRoundIcon,{isTesting:i});break;case"th":c=a.createElement(ThailandSquareIcon,null),s=a.createElement(ThailandRoundIcon,null);break;case"km":c=a.createElement(CambodiaSquareIcon,null),s=a.createElement(CambodiaRoundIcon,null);break;case"ms":c=a.createElement(MalaysiaSquareIcon,null),s=a.createElement(MalaysiaRoundIcon,null);break;case"my":c=a.createElement(MyanmarSquareIcon,null),s=a.createElement(MyanmarRoundIcon,null);break;case"tl":c=a.createElement(PhilippinesSquareIcon,null),s=a.createElement(PhilippinesRoundIcon,null);break;case"hi":c=a.createElement(IndiaSquareIcon,null),s=a.createElement(IndiaRoundIcon,null);break;case"zh":c=a.createElement(TaiwanSquareIcon,null),s=a.createElement(TaiwanRoundIcon,null)}if(!c&&!s)switch(e){case"VN":c=a.createElement(VietnamSquareIcon,null),s=a.createElement(VietnamRoundIcon,null);break;case"ID":c=a.createElement(IndonesiaSquareIcon,{isTesting:i}),s=a.createElement(IndonesiaRoundIcon,{isTesting:i});break;case"TH":c=a.createElement(ThailandSquareIcon,null),s=a.createElement(ThailandRoundIcon,null);break;case"KH":c=a.createElement(CambodiaSquareIcon,null),s=a.createElement(CambodiaRoundIcon,null);break;case"MY":c=a.createElement(MalaysiaSquareIcon,null),s=a.createElement(MalaysiaRoundIcon,null);break;case"MM":c=a.createElement(MyanmarSquareIcon,null),s=a.createElement(MyanmarRoundIcon,null);break;case"PH":c=a.createElement(PhilippinesSquareIcon,null),s=a.createElement(PhilippinesRoundIcon,null);break;case"IN":c=a.createElement(IndiaSquareIcon,null),s=a.createElement(IndiaRoundIcon,null);break;case"TW":c=a.createElement(TaiwanSquareIcon,null),s=a.createElement(TaiwanRoundIcon,null);break;case"SG":c=a.createElement(SingaporeSquareIcon,null),s=a.createElement(SingaporeRoundIcon,null)}return a.createElement("div",{className:`${eB.flag} ${o||""}`,style:{"--width":l||20,"--height":n||20}},r?s:c)},CaretDown=e=>a.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},e),a.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"})),eV=Object.values(K.x9).reduce((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e),[]);var eN={phoneInput:"i-9Ibox",error:"YDWHh9b",selectedCountry:"_87SIJ95"};let eD=(0,a.forwardRef)((e,t)=>{let{isError:l,defaultCountry:i,selectedCountry:o,countries:c=eV,countryCallingCodeEditable:s=!1,defaultValue:d,value:u,onChange:p,flagComponent:m,arrowComponent:g,withFloatingLabel:b,className:f,inputId:E,label:v,error:w}=e,y=(0,n._)(e,["isError","defaultCountry","selectedCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","flagComponent","arrowComponent","withFloatingLabel","className","inputId","label","error"]),[C,x]=(0,a.useState)(d||u),[k,L]=(0,a.useState)(null),S=(0,a.useCallback)(e=>{if(!k)return;if(m)return m(e);let{country:t,countryName:r,flagUrl:l}=e,i=(0,n._)(e,["country","countryName","flagUrl"]),o=t?`+${k.getCountryCallingCode(t)}`:"";return a.createElement(a.Fragment,null,a.createElement(Flag,Object.assign({country:t,title:r},i)),a.createElement(A.T,{size:"p2",variant:"primary",className:W()(eN.callingCode,"PhoneInputCountryIconCallingCode")},o))},[m,k]),M=(0,a.useCallback)(()=>g?g():a.createElement("div",{className:W()(eN.arrowSelect,"PhoneInputArrowContainer")},a.createElement(CaretDown,null)),[g]);if((0,a.useEffect)(()=>{x(u)},[u]),(0,a.useEffect)(()=>{(0,n.a)(void 0,void 0,void 0,function*(){let e=yield Promise.all([r.e(5231),r.e(1500),r.e(7797),r.e(5454),r.e(5481),r.e(2354),r.e(9803),r.e(4148),r.e(2509),r.e(1533),r.e(1108),r.e(9124),r.e(1873),r.e(336),r.e(4584),r.e(4447),r.e(6509),r.e(6404),r.e(4125),r.e(6874),r.e(7730),r.e(891),r.e(4072),r.e(4414),r.e(1079),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 O=Object.assign({ref:t,defaultValue:d,label:v,value:C,onChange:e=>{x(e),null==p||p(e)},countries:c,defaultCountry:i||o,countryCallingCodeEditable:s,displayInitialValueAsLocalNumber:!0,className:W()(eN.phoneInput,{isError:l,[eN.error]:l,[eN.selectedCountry]:o},f),flagUrl:void 0,flagComponent:S,countrySelectProps:{arrowComponent:M},id:E},y);return b?a.createElement(FloatingLabelControl,{shrink:!!C},a.createElement(FloatingLabelControl.Control,null,({shrink:e})=>a.createElement(I.I.Wrapper,{size:"md",label:a.createElement(A.T,{size:e?"p3":"p2",variant:"secondary",weight:"halfBold"},v),inputWrapperOrder:["label","input","description","error"],error:w&&a.createElement(ErrorLabel,{label:w})},a.createElement(h.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})})},a.createElement(k.default,Object.assign({},O)))))):a.createElement(k.default,Object.assign({},O))});(0,a.forwardRef)((e,t)=>{let{defaultCountry:r,id:l,name:i,placeholder:o,label:c,labelElement:s,labelProps:d,description:u,descriptionProps:p,withAsterisk:m,inputMode:h,inputContainer:g,inputWrapperOrder:b,error:f,className:E,classNames:v,style:w,styles:y}=e,C=(0,n._)(e,["defaultCountry","id","name","placeholder","label","labelElement","labelProps","description","descriptionProps","withAsterisk","inputMode","inputContainer","inputWrapperOrder","error","className","classNames","style","styles"]),x=l||(0,Y.Z)()+i;return a.createElement(I.I.Wrapper,{size:"md",label:c,labelElement:s,labelProps:Object.assign({htmlFor:x},d),description:u,descriptionProps:p,withAsterisk:m,inputMode:h,inputContainer:g,inputWrapperOrder:b,error:f,"data-invalid":!!f,className:E,classNames:v,style:w,styles:y},a.createElement("div",{className:"mantine-Input-wrapper"},a.createElement(eD,Object.assign({},C,{id:x,ref:t,name:i,spellCheck:!1,placeholder:o,defaultCountry:r,className:"mantine-Input-input",type:"tel","data-control":"tel"}))))});let ez=(0,a.createContext)({}),Popover=e=>{var{children:t,closeOnClickOutside:r=!0}=e,l=(0,n._)(e,["children","closeOnClickOutside"]);let[i,{close:o,open:c}]=(0,N.q)(!1),s=r?(0,P.O)(o):(0,a.useRef)(),d=Object.assign({},"function"==typeof t?{opened:i}:{});return a.createElement(ez.Provider,{value:{opened:i,close:o,open:c}},a.createElement(j.J,Object.assign({closeOnClickOutside:r},d,l),a.createElement("div",{ref:s},"function"==typeof t?t({open:c,close:o,opened:i}):t)))};Popover.Target=j.J.Target,Popover.Dropdown=j.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,n._)(e,["variant","withIcon","children","buttonProps"]);let{classes:c,cx:s}=eZ();return a.createElement(R.A,Object.assign({classNames:c},o,{unstyled:!0}),a.createElement(et.B,Object.assign({className:s(c.btnRoot,"checked"),leftIcon:r?a.createElement(X.Z,{size:18,color:"currentColor"}):void 0,variant:t},i),l),a.createElement(et.B,Object.assign({className:s(c.btnRoot,"unchecked"),leftIcon:r?a.createElement(ee.Z,{size:18,color:"currentColor"}):void 0,variant:"tertiary"},i),l))};ChipButton.Group=R.A.Group},vTkv:function(e,t,r){r.d(t,{B:function(){return BabyGrowthForm}});var n=r("usZY"),a=r("q1tI"),l=r("/npG"),i=r("mYVa"),o=r("8vDj"),c=r("iuhU"),s=r("cChf"),d=r("ZFu2"),u=r("MQ5V"),p=r("wvgE"),m=r("srUE"),h=r("iBNF"),g=r("FQi+"),b=r("68DG"),f=r("Tm5g"),E=r("WdVV"),v=r("dOyR"),w=r("e6f9"),y=r("Zge2");let C=(0,a.createContext)({}),DefaultForm=e=>{let{t,locale:r}=(0,g.u)(),{classes:n={}}=(0,a.useContext)(b.C),{form:l,currentUrl:i,submitProps:o}=(0,a.useContext)(C),c={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return a.createElement(E.H,Object.assign({formLayout:"default"},e),a.createElement(E.H.FormRow,null,a.createElement(E.H.Control,null,a.createElement(v.G,Object.assign({isBaby:!0,genderValue:{male:"boy",female:"girl"}},l.getInputProps("gender"),{error:null}))),l.errors.gender&&a.createElement(E.H.Error,null,l.errors.gender)),a.createElement(E.H.FormRow,null,a.createElement(u.I.Wrapper,{label:a.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.input.birthday"))},a.createElement(p.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&&a.createElement(E.H.Error,null,l.errors.birthday)),a.createElement(E.H.FormRow,null,a.createElement(u.I.Number,Object.assign({label:a.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.height"),a.createElement(m.T,{size:"p2",weight:"semiBold",color:h.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)}}))),a.createElement(E.H.FormRow,null,a.createElement(u.I.Number,Object.assign({label:a.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.weight"),a.createElement(m.T,{size:"p2",weight:"semiBold",color:h.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&&a.createElement(E.H.FormRow,null,a.createElement(u.I.Number,Object.assign({label:a.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.head"),a.createElement(m.T,{size:"p2",weight:"semiBold",color:h.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&&a.createElement(E.H.Error,null,l.errors.checkMesureVal),a.createElement(E.H.FormRow,null,a.createElement(u.I.Wrapper,{label:a.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.input.measurementDate"))},a.createElement(p.D,Object.assign({},c,{defaultValue:new Date},l.getInputProps("measurementDate"),{maxDate:new Date,error:null}))),l.errors.measurementDate&&a.createElement(E.H.Error,null,l.errors.measurementDate)),a.createElement(E.H.FormRow,{className:n.submitWrapper},a.createElement(E.H.Submit,Object.assign({className:n.submitBtn,type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":i},o),t("babyGrowth.input.submit"))))};var x=(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,n._)(e,["styles","classNames"]);let{t:i,locale:s}=(0,g.u)(),{form:d,currentUrl:h,submitProps:y}=(0,a.useContext)(C),{classes:k={}}=(0,a.useContext)(b.C),L=(0,o.rZ)(),{classes:I}=x(void 0,{name:"BabyGrowthForm__InlineForm",styles:t,classNames:r}),S={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return a.createElement(E.H,Object.assign({formLayout:"inline"},l),a.createElement(E.H.FormRow,null,a.createElement(E.H.BorderInlineControl,{label:i("tools.selectBabyGender")},a.createElement(v.G,Object.assign({type:"radio",hideLabel:!0,isBaby:!0,genderValue:{male:"boy",female:"girl"}},d.getInputProps("gender")))),d.errors.gender&&a.createElement(E.H.Error,null,d.errors.gender)),a.createElement(E.H.FormRow,null,a.createElement(E.H.BorderInlineControl,{label:i("babyGrowth.input.birthday")},a.createElement(p.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&&a.createElement(E.H.Error,null,d.errors.birthday)),a.createElement(E.H.FormRow,null,a.createElement(E.H.BorderInlineControl,{label:"BMI",styles:{control:{"&:first-child":{width:"auto"}}}},a.createElement(m.T,{size:"p3"},a.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"),")"),a.createElement(u.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:a.createElement(E.H.Unit,null,i("babyGrowth.cm"))})),a.createElement(u.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:a.createElement(E.H.Unit,null,i("babyGrowth.kg"))}))),("mb"===L.other.template||s!==w.L.Vietnam)&&a.createElement(E.H.BorderInlineControl,{label:i("babyGrowth.head")},a.createElement(u.I.Number,Object.assign({},d.getInputProps("head"),{placeholder:i("babyGrowth.head"),onChange:e=>{d.setFieldValue("head",e),d.setFieldValue("checkMesureVal",!d.values.checkMesureVal)},rightSection:a.createElement(E.H.Unit,null,i("babyGrowth.cm"))}))),d.errors.checkMesureVal&&a.createElement(E.H.Error,null,d.errors.checkMesureVal)),a.createElement(E.H.FormRow,null,a.createElement(E.H.BorderInlineControl,{label:i("babyGrowth.input.measurementDate")},a.createElement(p.D,Object.assign({},S,{maxDate:new Date},d.getInputProps("measurementDate"),{error:null}))),d.errors.measurementDate&&a.createElement(E.H.Error,null,d.errors.measurementDate)),a.createElement(E.H.FormRow,{className:k.submitWrapper},a.createElement(E.H.Submit,Object.assign({type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":h,className:(0,c.default)(I.submitBtn,k.submitBtn)},y),i("babyGrowth.input.submit"))))},MbLayout=e=>{var t=(0,n._)(e,[]);let{t:r}=(0,g.u)(),{form:l,currentUrl:i,submitProps:o}=(0,a.useContext)(C),c={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return a.createElement(E.H,Object.assign({formLayout:"default"},t),a.createElement(E.H.FormRow,null,a.createElement(E.H.Control,null,a.createElement(v.G,Object.assign({isBaby:!0,genderValue:{male:"boy",female:"girl"}},l.getInputProps("gender"),{error:null}))),l.errors.gender&&a.createElement(E.H.Error,null,l.errors.gender)),a.createElement(E.H.BorderBoxControl,{label:r("babyGrowth.input.birthday"),rightSection:a.createElement(y.Z,null)},a.createElement(p.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&&a.createElement(E.H.Error,null,l.errors.birthday),a.createElement(E.H.BorderBoxControl,{label:r("babyGrowth.height"),rightSection:r("babyGrowth.cm")},a.createElement(u.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&&a.createElement(E.H.Error,null,l.errors.height),a.createElement(E.H.BorderBoxControl,{label:r("babyGrowth.weight"),rightSection:r("babyGrowth.kg")},a.createElement(u.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&&a.createElement(E.H.Error,null,l.errors.weight),a.createElement(E.H.BorderBoxControl,{label:r("babyGrowth.head"),rightSection:r("babyGrowth.cm")},a.createElement(u.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&&a.createElement(E.H.Error,null,l.errors.checkMesureVal),a.createElement(E.H.BorderBoxControl,{label:r("babyGrowth.input.measurementDate"),rightSection:a.createElement(y.Z,null)},a.createElement(u.I.Wrapper,null,a.createElement(p.D,Object.assign({},c,{defaultValue:new Date},l.getInputProps("measurementDate"),{maxDate:new Date,rightSection:null,error:null})))),l.errors.measurementDate&&a.createElement(E.H.Error,null,l.errors.measurementDate),a.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,n._)(e,["onSubmit","formLayout","submitProps","currentUrl"]);let{t:u}=(0,g.u)(),p=(0,o.rZ)(),m=(0,s.c)({initialValues:{measurementDate:new Date},validate:{gender:(0,d.U)(u("validation.error.requiredField")),birthday:(0,d.U)(u("validation.error.requiredField")),measurementDate:(e,t)=>t.birthday?t.birthday instanceof Date&&e instanceof Date&&t.birthday.getTime()<=e.getTime()?null:u("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:u("babyGrowth.error.atLeastOneOf")},validateInputOnChange:["checkMesureVal"]}),h=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 a.createElement(C.Provider,{value:{submitProps:l,currentUrl:i,form:m}},"default"===r?"mb"===p.other.template?a.createElement(MbLayout,Object.assign({formLayout:r},h)):a.createElement(DefaultForm,Object.assign({},h)):a.createElement(InlineForm,Object.assign({},h)))}},DFPy:function(e,t,r){r.d(t,{P:function(){return PillCarousel}});var n=r("usZY"),a=r("q1tI"),l=r("rBCA"),i=r("ipFv"),o=r("iBNF"),c=r("D0kt"),s=r("vk9b"),d=r("e6f9"),u=r("MQ5V");let p=l.Z.div` display: inline-flex; overflow: hidden; width: ${e=>e.size}px; height: ${e=>e.size}px; box-sizing: border-box; align-items: center; justify-content: center; border: 1px solid #e4e8ec; background-color: ${e=>e.backgroundColor||o.r.colors.white}; border-radius: ${e=>e.borderRadius||"50%"}; & > * { width: ${e=>e.iconSize}px; height: ${e=>e.iconSize}px; } `,m=l.Z.div` display: inline-block; height: 108px; background-color: ${o.r.colors.white}; border-radius: 60px; cursor: pointer; &.selected-week-pill { background-color: ${o.r.colors.pink100}; } & > div:first-child { margin: 4px 4px 0; } & > p { margin-top: 8px; text-align: center; } & > * { pointer-events: none; } `,h=[d.L.Myanmar,d.L.Taiwan],g=(0,l.Z)(e=>{var{icon:t,name:r,className:l,locale:d="en-PH",dataEventCategory:u,dataEventAction:g,dataEventLabel:b,onSelect:f}=e,E=(0,n._)(e,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);let v=(0,a.useMemo)(()=>null==l?void 0:l.includes("selected-week-pill"),[l]);return a.createElement(m,Object.assign({onClick:f,className:l?"week-pill".concat(" non-pointer-event-child ",l):"week-pill non-pointer-event-child","data-event-category":u,"data-event-action":g,"data-event-label":b},E),a.createElement(p,{size:64,iconSize:40,backgroundColor:o.r.colors.white},a.createElement(c.I,{src:t||i.C.getAssetPath("week_default.png"),alt:`week ${r}`})),v?a.createElement(s.T,Object.assign({type:"semiBold",size:"n1",color:o.r.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),r):a.createElement(s.T,Object.assign({size:"n1",color:o.r.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),r))})` box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08); `,b=(0,l.Z)(u.f.Slide)` cursor: pointer; > div * { pointer-events: none; } `,f=(0,l.Z)(u.f)` .centerred-pill-wrapper { padding: 16px 0; } `,PillCarousel=e=>{var{data:t,isMobile:r,onSlideChange:l,pillProps:i,locale:o=d.L.Vietnam,blurFromIndex:c,blurLength:s}=e,u=(0,n._)(e,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);let[p,m]=(0,a.useState)("");return(0,a.useEffect)(()=>{m(window.location.href)},[]),a.createElement(f,Object.assign({},{withControls:!r,slideGap:16,blurFromCenter:!0,blurFromIndex:c||(r?2:4),blurLength:s||(r?1:3),onSlideChange:l},u,{selectSlideWhenClick:!0,previousControlIcon:a.createElement(Arrow,{currentUrl:p}),nextControlIcon:a.createElement(Arrow,{currentUrl:p,isRight:!0})}),e=>t.map((t,r)=>a.createElement(b,Object.assign({key:r,onClick:l,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":p,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":p}},i),a.createElement("div",{className:"centerred-pill-wrapper"},a.createElement(g,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":p,locale:o,name:t.name,icon:t.icon,className:r===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))},Arrow=({isRight:e,currentUrl:t})=>a.createElement("svg",{viewBox:"0 0 15 15",fill:"none",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":t,className:"pointer-event-child-none"},a.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))},"4Op/":function(e,t,r){r.d(t,{I:function(){return InputCommentBar},P:function(){return PopupDanger},S:function(){return SharePopup},a:function(){return PopupFrame},b:function(){return SubmitReportForm},c:function(){return j},d:function(){return getPostFormData},e:function(){return editPost},f:function(){return createPost},g:function(){return getDefaultFailNoti},h:function(){return deletePost},i:function(){return V},j:function(){return deleteComment},k:function(){return decodeCommentBody},l:function(){return likeUnlikeComment},m:function(){return likeUnlikePost},u:function(){return useImagePicker}});var n=r("q1tI"),a=r("d53r"),l=r("6Dmq"),i=r("srUE"),o=r("pvoY"),c=r("i8i4"),s=r("XAIn"),d=r("rBCA"),u=r("iBNF"),p=r("usZY"),m=r("OgrB"),h=r("FQi+"),g=r("Pfvg"),b=r("ORpR"),f=r("IQVP"),E=r("sNnG"),v=r("I+CB"),w=r("hVVU"),y=r("jvlS"),C=r("zjQp"),x=r("t/pd"),k=r("D0vz"),L=r("ttiI"),I=r("FjXF"),S=r("/pFO");let useImagePicker=(e,t)=>{let[r,a]=(0,n.useState)(e||[]),l=(0,n.useMemo)(()=>(e||r).map(e=>"string"==typeof e?e:URL.createObjectURL(e)),[e,r]);return{onSelectImages:n=>{let l=n.target.files;if(l){if(t&&e){let n=e||r;t(n.concat(Array.from(l)))}else a(r=>{let n=e||r;return t&&t(n.concat(Array.from(l))),n.concat(Array.from(l))})}},onRemoveImage:r=>{t&&e?(e.splice(r,1),t(e.slice())):a(n=>{let a=e||n;return a.splice(r,1),t&&t(a.slice()),a.slice()})},onRemoveAllImages:()=>{t?t([]):a([])},imageSrcs:l,imageFiles:e||r}},getDefaultFailNoti=e=>({message:e("notification.failure"),type:"danger"}),likeUnlikePost=({id:e,locale:t})=>(0,p.a)(void 0,void 0,void 0,function*(){if(!e)return;let r=yield(0,s.b)((0,s.e)(f.yy.POST.LIKE,{id:e,_locale:t}),"GET");return r}),deletePost=({id:e,locale:t})=>(0,p.a)(void 0,void 0,void 0,function*(){if(!e)return;let r=yield(0,s.b)((0,s.e)(f.yy.POST.DELETE,{id:e,_locale:t}),"DELETE");return r}),getPostFormData=({title:e,description:t,communityId:r,imageFiles:n,previewUrl:a,topicIds:l,locale:i,sanitizeFunction:c,categoryCommunityId:s,categoryTopicIds:d,introUrl:u,bannerUrl:m,scheduleTime:h,isAnonymous:g,isAskDoctor:f})=>(0,p.a)(void 0,void 0,void 0,function*(){let p=new FormData,v=(0,E.j)(t),w=(0,E.j)(e),y=(0,E.i)(v);if(p.append("title",w),p.append("description",(0,E.k)(v,c)),s?p.append("category_community",String(s)):r&&p.append("community_id",String(r)),p.append("is_anonymous",g?"1":"0"),p.append("is_question",f?"1":"0"),(null==a?void 0:a.title)&&p.append("preview_title",a.title),(null==a?void 0:a.description)&&p.append("preview_description",a.description),(null==a?void 0:a.url)&&p.append("preview_link",(0,o.c)(a.url)),(null==a?void 0:a.image)&&p.append("preview_image",(0,o.c)(a.image)),null==l||l.forEach(e=>{p.append("topics[]",String(e||""))}),null==d||d.forEach(e=>{p.append("category_topics[]",String(e||""))}),null==n?void 0:n.length){let e=yield Promise.all(n.map((e,t)=>new Promise(r=>{setTimeout(()=>{r((0,E.u)(e,i))},2e3*t)})));null==e||e.filter(Boolean).slice(0,b.M).forEach((e,t)=>{p.append(`images[${t}]`,e)})}else p.append("images","");return null==y||y.forEach(e=>{p.append("mention_ids[]",e)}),p.append("intro_url",u||""),p.append("banner",m||""),h&&(p.append("post_type","scheduled"),p.append("schedule_datetime",h)),p}),createPost=({locale:e,formData:t,isArticleComment:r})=>(0,p.a)(void 0,void 0,void 0,function*(){let n=yield(0,s.b)((0,s.e)(r?f.yy.POST.CREATE_ARTICLE_COMMENT:f.yy.POST.CREATE,{_locale:e}),"POST",{data:t});return n}),editPost=({id:e,locale:t,formData:r})=>(0,p.a)(void 0,void 0,void 0,function*(){let n=yield(0,s.b)((0,s.e)(f.yy.POST.UPDATE,{id:e,_locale:t}),"POST",{data:r});return n}),reportPost=({id:e,reason:t,locale:r})=>{let n=new FormData;return n.append("reason",t),(0,s.b)((0,s.e)(f.yy.POST.REPORT,{_locale:r,id:e}),"POST",{data:n})},M=d.Z.div` [data-type='confirm'] { max-width: 468px; /* height: 486px; */ padding: 0; .popup-content { display: flex; flex-direction: column; padding: 0; .close-button { top: 16px; right: 16px; width: 24px; height: 24px; z-index: 5; } .header { display: flex; height: 56px; align-items: center; padding: 16px 56px 16px 32px; border-bottom: 1px solid ${u.r.colors.neutral100}; font-weight: 900; width: 100%; justify-content: space-between; } .content { overflow: auto; flex: 1; .topic-list-wrapper { padding: 1rem; } } } } > div&[data-open='true'] { z-index: 250; &:last-child { z-index: 200; } } ${e=>e.isExpand&&` & > div[data-open] { width: 100%; height: 100%; max-width: none; max-height: none; } `} ${e=>e.hasFullscreen&&` & > div[data-open] { transition: all 0.5s ease-in-out, width 0s, height 0s; } `} `,O=d.Z.div` cursor: pointer; display: flex; align-items: center; `,PopupFrame=({className:e,style:t,closeIcon:r,heading:a="",children:i,isOpen:o=!1,hasFullscreen:c=!1,disableClickOutside:s=!1,initExpand:d=!1,onExpandChange:u,onClose:p=()=>null})=>{let[m,h]=(0,n.useState)(d);return n.createElement(M,{className:e,style:t,isExpand:m,hasFullscreen:c},n.createElement(L.P,{type:"confirm",onClose:p,isOpen:o,closeIcon:r||n.createElement("img",{src:I.C,loading:"lazy"}),enableAnimation:!c,disableClickOutside:s},n.createElement("div",{className:"header"},n.createElement(l.H,{tag:"h5"},a),c&&n.createElement(O,{onClick:()=>{null==u||u(),h(!m)}},n.createElement(k.Z,{size:14,isExpand:m}))),n.createElement("div",{className:"content"},"function"==typeof i?i(m):i)))};var j="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3e%3cpath fill='%23262626' d='M12 22.984c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.478-10 10 4.477 10 10 10'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14.828 10.156-5.657 5.657M9.172 10.156l5.657 5.657'/%3e%3c/svg%3e";let R=d.Z.div` [data-type='confirm'] { width: min(360px, 100%); height: auto; &[data-open='false'] { top: calc(-100% - 500px); } } z-index: 600; .header { display: none !important; } .confirm-dialog { position: relative; overflow: auto; width: 100%; padding-top: 44px; background: #fff; border-radius: ${u.r.borderRadius}; .confirm-content { display: flex; flex-direction: column; align-items: center; padding: 0 16px 16px; text-align: center; .title { margin-bottom: 8px; font-size: 24px; line-height: 32px; word-break: break-word; overflow-wrap: break-word; } .desc { margin-bottom: 24px; color: ${u.r.colors.gray500}; font-size: 18px; line-height: 24px; text-align: center; word-break: break-word; overflow-wrap: break-word; } .btn-group { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; button { margin: 0 4px 0.5rem; } } } } .thumbnail-container { width: 80px; height: 80px; margin-bottom: 32px; .thumbnail { width: 100%; height: 100%; } &.is-icon { display: flex; align-items: center; justify-content: center; background: #e0e9fc; border-radius: 1rem; .thumbnail { width: 40px; height: 40px; } } } &[data-is-marrybaby='true'] { .popup-frame { > div:first-child { overflow: hidden; border-radius: 1rem; &[data-open='true'] { ${o.M.mbDown} { top: 100%; transform: translate(-50%, -100%); max-width: unset; width: 100%; background: unset; overflow: unset; } } } .popup-content { .close-button { ${o.M.mbDown} { display: none; } } .confirm-dialog { ${o.M.mbDown} { background: unset; position: relative; overflow-x: hidden; &::before { content: ''; width: 200%; background: #fff; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -1; height: 100%; border-top-left-radius: 100%; border-top-right-radius: 100%; } } .confirm-content { padding: 0 40px 40px; ${o.M.mbDown} { padding-left: 1.5rem; padding-right: 1.5rem; } .btn-group { width: 100%; justify-content: space-between; button { flex: 1; margin: 0; &:first-child { margin-right: 0.5rem; } } } } } } .thumbnail-container { ${o.M.mbDown} { display: none; } &.is-icon { background: #ffeaf1; border-radius: 24px; } &.is-mobile { position: absolute; top: 0; left: 50%; display: none; width: 48px; height: 48px; transform: translate(-50%, -50%); &.is-icon { border-radius: 1rem; .thumbnail { width: 24px; height: 24px; } } ${o.M.mbDown} { display: flex; } } } } } `,PopupDanger=({className:e,isMarryBaby:t,style:r,title:d,description:u,acceptText:p,cancelText:m,onAccept:h,onCancel:g,thumbnail:b,isThumbnailIcon:f,onClose:E,acceptBtnTracking:v,acceptBtnProps:w,cancelBtnProps:y})=>{let{data:{env:{isMarryBaby:C}}}=(0,n.useContext)(s.T),x="boolean"==typeof t?t:C,[k,L]=(0,n.useState)(!1);return((0,n.useEffect)(()=>((0,o.t)(!0),setTimeout(()=>L(!0),0),()=>(0,o.t)(!1)),[]),"undefined"==typeof window)?null:c.createPortal(n.createElement(R,{"data-is-marrybaby":x,className:e,style:r,"data-open":k},n.createElement(PopupFrame,{className:"popup-frame",isOpen:k,onClose:E},n.createElement("div",{className:"confirm-dialog",onClick:e=>e.stopPropagation()},n.createElement("div",{className:"confirm-content"},b&&n.createElement("div",{className:`thumbnail-container ${f?"is-icon":""}`},n.createElement("img",{className:"thumbnail",src:b,loading:"lazy"})),n.createElement(l.H,{className:"title",tag:"h2"},d),n.createElement(i.T,{className:"desc",size:"lg"},u),n.createElement("div",{className:"btn-group"},n.createElement(a.B,Object.assign({theme:x?"marryBaby":"helloSites",size:"md",color:"tertiary",onClick:()=>{null==h||h(),null==E||E()}},w,v),p),n.createElement(a.B,Object.assign({theme:x?"marryBaby":"helloSites",size:"md",onClick:()=>{null==g||g(),null==E||E()}},y),m)))),x&&b&&n.createElement("div",{className:`thumbnail-container is-mobile ${f?"is-icon":""}`},n.createElement("img",{className:"thumbnail",src:b,loading:"lazy"})))),(0,o.a)())},F=d.Z.div` padding: 1rem; border-top: 1px solid #f2f2f2; &[data-is-reply='true'] { padding-right: 0; padding-left: 0; border-top: 1px solid #e4e8ec; margin-right: 1rem; margin-left: 1rem; } .error-text { padding: 1rem; color: ${u.r.colors.red700}; } .reply-to-container { display: flex; justify-content: space-between; padding-bottom: 0.75rem; margin-top: -0.25rem; .icon-close-comment { width: 16px; height: 16px; cursor: pointer; } a { text-decoration: none; } } .input-container { display: flex; align-items: center; .avatar-wrapper { display: flex; flex-shrink: 0; align-items: center; margin-right: 0.5rem; &.avatar-wrapper-reply { width: 32px; height: 32px; .avatar { width: 32px; height: 32px; } } } .input-wrapper { margin-right: 0.5rem; &[data-has-error] { .as-input { border-color: ${u.r.colors.red700}; } } .as-input { .textarea { width: 100%; max-height: 225px; min-height: 75px; .ql-toolbar { padding: 0; } .ql-editor { padding-left: 0; padding-right: 0; } .quill { height: 0; } } width: 100%; padding: 12px 16px; border: solid 1px ${u.r.colors.gray200}; border-radius: ${u.r.borderRadius}; &:active, &:focus { border-color: ${u.r.colors.primaryBase}; box-shadow: 0px 0px 2px 2px ${u.r.colors.primary200}; } &:disabled { background-color: ${u.r.colors.gray100}; cursor: not-allowed; } span { &[data-error='true'] { color: red; text-decoration: underline; } } } &[data-has-action-icon] { .as-input { padding: 12px 48px 12px 16px; } } &[data-has-display-icon] { .as-input { padding: 12px 16px 12px 48px; } } &[data-has-action-icon][data-has-display-icon] { .as-input { padding: 12px 48px; } } &[data-size='lg'] { .as-input { font-size: 16px; font-weight: ${u.r.sizes.fwRegular}; ${o.M.mbDown} { font-size: 22px; line-height: 1.2; } ${o.M.mbUp} { font-size: 26px; line-height: 1.2; } } } &[data-size='md'] { .as-input { font-weight: ${u.r.sizes.fwRegular}; line-height: 22px; ${o.M.mbDown} { font-size: 14px; line-height: 1.2; } ${o.M.mbUp} { font-size: 16px; line-height: 1.2; } } } &[data-size='sm'] { .as-input { font-weight: ${u.r.sizes.fwRegular}; line-height: 20px; ${o.M.mbDown} { font-size: 13px; line-height: 1.5; } ${o.M.mbUp} { font-size: 13px; line-height: 1.5; } } } } .images-input-label { height: 100%; cursor: pointer; .icon-images-input { width: 24px; height: 24px; vertical-align: middle; } } .send-button { display: flex; width: 40px; height: 40px; flex-shrink: 0; align-items: center; justify-content: center; padding: 0; border: none; &.send-button-post { background: ${u.r.colors.neutral100}; border-radius: 50%; } .icon-enter { width: 20px; height: 20px; vertical-align: middle; } &[data-is-loading='true'] { > div { display: flex; align-items: center; justify-content: center; } } } } .preview-images-container { margin-top: 1rem; .image-src-wrapper { position: relative; width: 100%; padding-top: 66.67%; &:not(:last-child) { margin-bottom: 1rem; } .preview-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .icon-close-circle { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; cursor: pointer; } } } `,H=(0,n.createContext)({}),getCommentFormBody=({postId:e,message:t,photos:r,link:n,locale:a,sanitizeFunction:l,replyingUserId:i,replyingUserName:o,replyingId:c})=>(0,p.a)(void 0,void 0,void 0,function*(){let s=new FormData,d=(0,E.k)(t.replace(/(\ )+/g," "),l),u=(0,E.i)(d);if(r&&r.length>0){let e=yield Promise.all(null==r?void 0:r.map(e=>(0,E.u)(e,a)));e.filter(Boolean).slice(0,b.M).forEach(e=>{s.append("images[]",e)})}return n&&s.append("link",n),null==u||u.forEach(e=>{s.append("mention_ids[]",e)}),s.append("post_id",e),c&&s.append("parent_id",c),i&&(u.unshift(i),d=`[mention+id="${i}"+name="${(o||"").replace('"',"'")}"]${d}`,s.append("parent_user_id",String(i))),s.append("content",d),s.append("content",d),s}),submitComment=(e,t)=>(0,p.a)(void 0,void 0,void 0,function*(){return(0,s.b)((0,s.e)(f.yy.COMMENT.CREATE,{_locale:t}),"POST",{data:e})}),decodeCommentBody=e=>{try{let t=e.match(/\[@([^\]]+)\]/),r=t?t[0].replace("[@","").replace("]",""):"",n=e.replace(/\[@([^\]]+)\]/,"");return{text:n.trim(),replyingTo:r}}catch(e){}return{text:""}},submitReply=(e,t)=>(0,p.a)(void 0,void 0,void 0,function*(){return(0,s.b)((0,s.e)(f.yy.COMMENT.REPLY,{_locale:t}),"POST",{data:e})}),likeUnlikeComment=({commentId:e,setLike:t=!1,locale:r})=>(0,p.a)(void 0,void 0,void 0,function*(){return(0,s.b)((0,s.e)(t?f.yy.COMMENT.LIKE:f.yy.COMMENT.UNLIKE,{_locale:r,id:e}),"GET")}),deleteComment=({id:e,locale:t})=>(0,s.b)((0,s.e)(f.yy.COMMENT.DELETE,{_locale:t,id:e}),"DELETE"),InputCommentBar=({isReply:e,className:t,onClose:r,replyToName:l,style:o,replyingId:c,replyingUser:d,onPostSuccess:u,post:f,isMarryBaby:E})=>{let{action:{pushNotifications:x,sanitizeFunction:k},data:{userInfo:L,locale:I,env:{isMarryBaby:S}}}=(0,n.useContext)(s.T),{t:M}=(0,h.u)(),{onSelectImages:O,onRemoveImage:R,imageSrcs:P,onRemoveAllImages:B,imageFiles:V}=useImagePicker(),[N,D]=(0,n.useState)(""),{trigger:z}=(0,n.useContext)(H),[Z,T]=(0,n.useState)(!1),$=(0,n.useRef)(null),A=(0,n.useRef)(null),_=(0,n.useRef)(null),[G,U]=(0,n.useState)([]),[q,W]=(0,n.useState)([]),[Y,Q]=(0,n.useState)(null);return(0,n.useEffect)(()=>{var e;null===(e=_.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout(()=>{var e;null===(e=A.current)||void 0===e||e.focus()},400)},[z]),n.createElement(F,{"data-is-reply":e,className:t,style:o},e&&n.createElement("div",{className:"reply-to-container"},n.createElement(i.T,{size:"p4"},n.createElement("span",{dangerouslySetInnerHTML:{__html:M("inputComment.replyTo",{name:`@${l||""}`})}})),n.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3ccircle cx='8' cy='8.5' r='6.667' fill='white' stroke='%23404040'/%3e%3cpath stroke='%23404040' stroke-linecap='round' stroke-linejoin='round' d='m10 6.5-4 4M6 6.5l4 4'/%3e%3c/svg%3e",className:"icon-close-comment",onClick:()=>r&&r(),loading:"lazy"})),n.createElement("div",{className:"input-container",ref:_},n.createElement(y.U,{className:`avatar-wrapper ${e?"avatar-wrapper-reply":""}`,avatar:(null==L?void 0:L.id)?L.avatar:b.a,username:(null==L?void 0:L.name)||(null==L?void 0:L.username)}),n.createElement("input",{ref:$,onChange:O,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),n.createElement(m.I,{value:N,name:"input",size:"md",className:"input-wrapper",displayIcon:n.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M10.754 4.854H4.492a1.79 1.79 0 0 0-1.789 1.789v12.524a1.79 1.79 0 0 0 1.79 1.789h12.523a1.79 1.79 0 0 0 1.79-1.79v-6.261'/%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M17.463 3.512a1.898 1.898 0 0 1 2.684 2.684l-8.498 8.498-3.579.895.895-3.579z'/%3e%3c/svg%3e",loading:"lazy"}),CustomInput:n.createElement("div",{className:"as-input"},n.createElement(C.R,{className:"textarea",html:N,onChange:D,onImagePickerClick:()=>{var e;return null===(e=$.current)||void 0===e?void 0:e.click()},bannedWords:q,onPreviewUrlChange:Q,onInvalidUrlsChange:U,setEditorRef:e=>A.current=e,isReplying:e}))}),n.createElement(a.B,{theme:("boolean"==typeof E?E:S)?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:()=>(0,p.a)(void 0,void 0,void 0,function*(){var t,n,a,l,i,o,s,p,m;if((null==f?void 0:f.id)&&!Z){T(!0);try{let h=yield getCommentFormBody(Object.assign({message:N,photos:V,postId:String(f.id),link:null==Y?void 0:Y.url,sanitizeFunction:k,locale:I},e&&c?{replyingUserId:String((null==d?void 0:d.id)||(null===(t=null==f?void 0:f.author)||void 0===t?void 0:t.id)||""),replyingId:c,replyingUserName:(null==d?void 0:d.name)||(null==d?void 0:d.username)||""}:{})),b=yield e&&c?submitReply(h,I):submitComment(h,I),E=null==b?void 0:b.data;(null==E?void 0:E.id)&&!(null===(a=null===(n=null==b?void 0:b.messages)||void 0===n?void 0:n.moderation)||void 0===a?void 0:a.type)?(e=>{D(""),B(),r&&r();let t=(0,g.e)(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),u&&u(t)})(b):(null===(i=null===(l=null==b?void 0:b.messages)||void 0===l?void 0:l.moderation)||void 0===i?void 0:i.type)==="banned"?(x({title:M("notification.comment.blocked.title"),message:M("notification.comment.blocked.message"),type:"danger"}),b.messages.moderation.words&&W(b.messages.moderation.words)):(null===(s=null===(o=null==b?void 0:b.messages)||void 0===o?void 0:o.moderation)||void 0===s?void 0:s.type)==="suspect"?(x({title:M("notification.comment.suspect.title"),message:M("notification.comment.suspect.message"),type:"warning"}),D(""),B(),r&&r()):(null===(p=null==b?void 0:b.messages)||void 0===p?void 0:p.find(e=>{var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))}))?(x({message:M("notification.suspend.message"),type:"warning"}),D(""),B(),r&&r()):x({title:"",message:(null===(m=null==b?void 0:b.messages)||void 0===m?void 0:m[0])||M("notification.comment.somethingWrong"),type:"danger"})}catch(e){x({title:"",message:M("notification.comment.somethingWrong"),type:"danger"})}T(!1)}}),isLoading:Z,isDisabled:!!(null==G?void 0:G.length)||Z||!N||(null==N?void 0:N.length)<2||!N.trim()},n.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7.5 9.734-3.75 3.75 3.75 3.75'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.25 4.734v5.569c0 .843-.33 1.653-.915 2.25a3.1 3.1 0 0 1-2.21.931H3.75'/%3e%3c/svg%3e",className:"icon-enter",loading:"lazy"}))),(null==G?void 0:G.length)?n.createElement("div",{className:"error-text"},M("notification.limitUrlDomain")):null,(!P||0===P.length)&&Y&&n.createElement("div",{className:"link-preview-wrapper"},Y.isFetching?n.createElement(w.L,null):n.createElement(n.Fragment,null,n.createElement(v.C,{title:Y.title,url:Y.url||"#",image:Y.image,noRefetch:!0}),n.createElement("img",{src:j,className:"icon-close",onClick:()=>Q(null),loading:"lazy"}))),P&&P.length>0&&n.createElement("div",{className:"preview-images-container"},P.map((e,t)=>n.createElement("div",{key:t,className:"image-src-wrapper"},n.createElement("img",{className:"preview-image",src:e,loading:"lazy"}),n.createElement("img",{src:j,className:"icon-close-circle",onClick:()=>R(t),loading:"lazy"})))))},SharePopup=({trackingCategory:e,className:t,style:r,url:a,text:l,onClose:i})=>{let{data:{env:{isMarryBaby:c}}}=(0,n.useContext)(s.T),{t:d}=(0,h.u)(),[u,p]=(0,n.useState)(!1);return(0,n.useEffect)(()=>((0,o.t)(!0),setTimeout(()=>p(!0),0),()=>(0,o.t)(!1)),[]),n.createElement(x.h,null,n.createElement(P,{"data-is-marrybaby":c,className:t,style:r},n.createElement(PopupFrame,{className:"share-popup",isOpen:u,onClose:i,heading:d("bottomBar.share")},u&&n.createElement(S.r,{trackingCategory:e,shareUrl:a||("undefined"!=typeof window?window.location.href:""),title:l}))))},P=d.Z.div` .share-popup { > div:first-child { height: unset; } } .custom-share__header { display: flex; flex-wrap: no-wrap; align-items: center; padding: 1rem; border-bottom: 1px solid ${u.r.colors.neutral100}; margin-bottom: 16px; .custom-share__header-image { width: 38px; height: 38px; flex-shrink: 0; & > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } .custom-share__header-info { flex: 1; padding: 0 8px; word-break: break-word; [data-tag='h4'] { margin-bottom: 8px; font-size: 14px; font-weight: bold; line-height: 14px; } [data-size='md'] { color: #a5a5a5; font-size: 14px; line-height: 14px; } } } &[data-is-marrybaby='true'] { .share-popup { > div:first-child { overflow: hidden; border-radius: 1rem; &[data-open='true'] { ${o.M.mbDown} { max-width: unset; width: 100%; top: 100%; transform: translate(-50%, -100%); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } } .close-button { display: block; } .popup-content { .header { display: block; padding: 1rem; background-color: rgb(243, 243, 243); } .content { padding-bottom: 1rem; } } .share-mb-text { margin: 1rem 1rem 0.5rem; } } } `,B=d.Z.div` padding: 0 8px; margin-top: 18px; .report-list { margin-bottom: 18px; .report-item { display: flex; align-items: center; margin-bottom: 10px; font-weight: 600; & > img { width: 12px; height: 12px; margin-right: 8px; } .__label { font-size: 14px; } } } .report-submit { width: 100%; } &[data-is-marrybaby='true'] { padding: 0 1rem 1rem; } `;var V="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12M8 5v3M8 11h.007'/%3e%3c/svg%3e";let SubmitReportForm=({className:e,style:t,reason:r,reasonText:l,onClose:o,postId:c})=>{let{data:{locale:d,env:{isMarryBaby:m}},action:{pushNotifications:g}}=(0,n.useContext)(s.T),{t:b}=(0,h.u)(),[f,E]=(0,n.useState)(!1);return n.createElement(B,{"data-is-marrybaby":m,className:e,style:t},n.createElement("ul",{className:"report-list"},n.createElement("li",{className:"report-item"},n.createElement("img",{src:V,loading:"lazy"}),n.createElement(i.T,{className:"__label",color:u.r.colors.gray800,size:"p4"},l))),n.createElement(a.B,{theme:m?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:f,onClick:()=>(0,p.a)(void 0,void 0,void 0,function*(){if(c&&!f){E(!0);try{let e=yield reportPost({id:c,reason:r,locale:d});(null==e?void 0:e.status)===1&&(g({message:"Post reported",type:"success"}),o&&o())}catch(e){}E(!1)}})},b("submit")))}}}]);