@hhgtech/hhg-components 1.25.42 → 1.25.43

package/build/esm/index-5aee2e31.js

@@ -0,0 +1,115 @@
+import{_ as e,a as t}from"./tslib.es6-47c8da1d.js";import*as a from"react";import r,{useState as n,useEffect as l,forwardRef as o,Component as i,useRef as s,useCallback as c,useImperativeHandle as m}from"react";import{Image as d,ScrollArea as h,Flex as p,Box as g,Divider as f,Breadcrumbs as v,createStyles as u,Text as b,AspectRatio as E,Textarea as z,Modal as w,Accordion as x,Indicator as y,Avatar as C,FileInput as j,createEmotionCache as M,NumberInput as H,PasswordInput as k,TextInput as O,Input as S,Checkbox as B,Slider as A,Radio as I,Tabs as L}from"@mantine/core";import{CommonGAssets as P}from"./gAssets.js";import{DatePicker as D,DateRangePicker as $}from"@mantine/dates";import N,{css as T}from"styled-components";import F from"dayjs";import"./screenSizeContext-d2331a45.js";import{t as R}from"./theme-3244030b.js";import{I as W,s as V}from"./index-4a21c940.js";import{M as _,B as K}from"./utils-c933aef8.js";import"./isProduction-62cf37f2.js";import{L as G}from"./Onboarding-5f7cf95b.js";import"./translationsContext-f4d02eb0.js";import"string-format";import{useDebouncedValue as U}from"@mantine/hooks";import{Carousel as Z}from"@mantine/carousel";import"./index-4bf366f1.js";const X=N(D)`
+  position: relative;
+  ${e=>e.fullWidth&&T`
+      .mantine-DatePicker-dropdown {
+        min-width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    `}
+`,Y=N($)`
+  position: relative;
+  ${e=>e.fullWidth&&T`
+      .mantine-DateRangePicker-dropdown {
+        min-width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    `}
+`,q=e=>r.createElement(X,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:r.createElement(d,{src:P.getAssetPath(e.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16})},e,{className:`input-control ${(null==e?void 0:e.className)||""}`}));q.Range=e=>r.createElement(Y,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:r.createElement(d,{src:P.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));const Q=t=>{var{children:a}=t,n=e(t,["children"]);return r.createElement(mt,Object.assign({size:"p4"},n),a)},J=t=>{var{children:a,showHomeIcon:n=!0}=t,l=e(t,["children","showHomeIcon"]);return r.createElement(h,Object.assign({offsetScrollbars:!0,scrollbarSize:4},l),r.createElement(p,{gap:12,align:"center"},n&&r.createElement(Q,{href:"/",target:"_blank",className:"pointer-event-child-none"},r.createElement(g,{sx:{borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"},bg:Ne.neutral[0],p:4},r.createElement(oe,{ratio:1,w:20},r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.87435 6.22054L9.54102 1.80322C9.81771 1.62093 10.1823 1.62093 10.459 1.80322L17.1257 6.22054C17.36 6.37679 17.5 6.63721 17.5 6.91716V15.8332C17.5 16.7544 16.7546 17.4998 15.8333 17.4998H4.16667C3.24544 17.4998 2.5 16.7544 2.5 15.8332V6.91716C2.5 6.63721 2.63997 6.37679 2.87435 6.22054ZM6.113 13.0668C5.74633 12.7896 5.74795 12.2577 6.07245 11.9321C6.3975 11.606 6.94373 11.5878 7.33178 11.8356C7.97576 12.2468 9.02795 12.7653 10.2403 12.7653C11.4527 12.7652 12.5048 12.2468 13.1488 11.8356C13.5368 11.5878 14.0831 11.606 14.4081 11.9321C14.7326 12.2577 14.7342 12.7896 14.3676 13.0668C13.1936 13.9542 11.7055 14.4319 10.2403 14.4319C8.77508 14.4319 7.28693 13.9542 6.113 13.0668Z",fill:"#595959"}))))),r.createElement(f,{color:"neutral.1",orientation:"vertical"}),r.createElement(v,{separator:r.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M8.71527 7.99969L6.16794 5.45236C5.89194 5.17636 5.89194 4.72836 6.16794 4.45236C6.44394 4.17636 6.89194 4.17636 7.16794 4.45236L10.2439 7.52836C10.5046 7.78903 10.5046 8.21103 10.2439 8.47103L7.16794 11.547C6.89194 11.823 6.44394 11.823 6.16794 11.547C5.89194 11.271 5.89194 10.823 6.16794 10.547L8.71527 7.99969Z",fill:"#8C8C8C"}))},a)))};J.Item=Q;const ee=Object.assign({},{fontSize:{base:[16,16],lg:[18,16],md:[18,16],sm:[16,14],xs:[14,12],s1:[22,18],s2:[18,16],s3:[16,14],s4:[14,12],s5:[12,12],p1:[18,16],p2:[16,16],p3:[16,14],p4:[14,12],c1:[16,14],c2:[14,12],n1:[12,12],label1:[14,14],label2:[12,12]},lineHeight:{base:[24,24],lg:[32,28],md:[32,28],sm:[24,22],xs:[24,18],s1:[32,26],s2:[28,24],s3:[24,24],s4:[22,18],s5:[18,18],p1:[28,28],p2:[24,24],p3:[24,22],p4:[22,18],c1:[24,22],c2:[22,18],n1:[18,18],label1:[22,22],label2:[18,18]},letterSpacing:{lg:[-.2,0],md:[-.2,0],sm:[0,-.2],s1:[-.6,-.6],s2:[-.4,-.2],s3:[0,-.2],s4:[0,-.2],p1:[-.2,-.2],p2:[0,-.2],p3:[0,-.2],p4:[-.2,0],label1:[0,-.2]},fontWeight:{regular:400,semiBold:600,bold:700}});var te=u(((e,t)=>{var a,r,n,l,o,i,s,c,m,d;const h=null===(a=ee.fontSize[null==t?void 0:t.size])||void 0===a?void 0:a[0],p=null===(r=ee.lineHeight[null==t?void 0:t.size])||void 0===r?void 0:r[0],g=null!==(o=null===(l=null===(n=ee.letterSpacing)||void 0===n?void 0:n[null==t?void 0:t.size])||void 0===l?void 0:l[0])&&void 0!==o?o:0,f=null===(i=ee.fontSize[null==t?void 0:t.size])||void 0===i?void 0:i[1],v=null===(s=ee.lineHeight[null==t?void 0:t.size])||void 0===s?void 0:s[1],u=null!==(d=null===(m=null===(c=ee.letterSpacing)||void 0===c?void 0:c[null==t?void 0:t.size])||void 0===m?void 0:m[1])&&void 0!==d?d:0;return{root:{fontWeight:ee.fontWeight[t.weight],fontSize:`${h}px`,lineHeight:`${p}px`,letterSpacing:g,[e.fn.smallerThan("sm")]:{fontSize:`${f}px`,lineHeight:`${v}px`,letterSpacing:u},"&[data-event-category] > *":{pointerEvents:"none"}}}}));const ae=t=>{var{size:a,color:n=R.colors.gray800,weight:l="regular",as:o="p",styles:i,className:s,dataEventCategory:c,dataEventAction:m,dataEventLabel:d}=t,h=e(t,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{classes:p,cx:g}=te({size:a,weight:l},{name:"Text",styles:i});return r.createElement(b,Object.assign({className:g(p.root,s),color:n,component:o,"data-event-category":c,"data-event-action":m,"data-event-label":d},h))},re="100ms",ne={"&:hover":{border:`1px solid ${R.colors.primaryBase}`}};var le=u(((e,t)=>{const{size:a,variant:r,skipHover:n,isError:l,color:o}=t;return{rootCustom:Object.assign(Object.assign(Object.assign(Object.assign({transition:`all ${re} ease-in-out`,"&[data-event-category] > *":{pointerEvents:"none"}},(()=>{switch(a){case"lg":return{height:48,fontWeight:600,fontSize:"16px",lineHeight:"24px"};case"md":return{height:40,fontWeight:600,fontSize:"14px",lineHeight:"22px"};case"sm":return{height:32,fontWeight:600,fontSize:"14px",lineHeight:"22px"}}})()),(()=>{var t,a;switch(r){case"primary":return Object.assign({color:e.white,backgroundColor:e.fn.primaryColor()},!n&&{"&:hover":{backgroundColor:e.colors[e.primaryColor][7]}});case"secondary":return Object.assign({color:e.fn.primaryColor(),backgroundColor:e.white,border:`1px solid ${e.fn.primaryColor()}`},!n&&{"&:hover":{backgroundColor:e.colors[e.primaryColor][0],border:`1px solid ${e.fn.primaryColor()}`}});case"tertiary":return{color:R.colors.gray800,backgroundColor:e.white,border:`1px solid ${R.colors.neutral200}`,"&:hover":Object.assign({},n?{backgroundColor:e.white,border:`1px solid ${R.colors.neutral200}`}:{backgroundColor:R.colors.neutral50,border:`1px solid ${R.colors.neutral50}`})};case"light":{const r=o||e.primaryColor;return{color:null===(a=null===(t=e.colors)||void 0===t?void 0:t[r])||void 0===a?void 0:a[Number(e.primaryShade)],backgroundColor:e.colors[r][0],border:"1px solid transparent","&:hover":Object.assign({},n?{backgroundColor:e.colors[r][0],border:"1px solid transparent"}:{backgroundColor:e.white,border:`1px solid ${e.colors[r][0]}`})}}case"ghost":return Object.assign({color:e.primaryColor,backgroundColor:"transparent",border:"1px solid transparent"},!n&&{"&:hover":{backgroundColor:e.colors[e.primaryColor][0],border:"1px solid transparent"}})}})()),{"&[data-disabled]":{backgroundColor:R.colors.gray100,color:R.colors.gray400}}),l?Object.assign({color:R.colors.red600,backgroundColor:e.white,border:`1px solid ${R.colors.red600}`},!n&&{"&:hover":{backgroundColor:R.colors.red50,border:`1px solid ${R.colors.red600}`}}):{})}}));const oe=e=>r.createElement(E,Object.assign({sx:{borderRadius:4,overflow:"hidden"}},e)),ie=N(z)`
+  .mantine-Textarea-input {
+    padding: 12px 16px;
+    background: #ffffff;
+    border: 1px solid ${R.colors.gray200};
+    border-radius: 4px;
+  }
+`,se=N(w)`
+  .mantine-Modal-modal {
+    padding: 0;
+  }
+  .mantine-Modal-header {
+    border-bottom: 1px solid ${R.colors.neutral100};
+    margin-right: 0;
+    margin-bottom: 0;
+    padding: 16px;
+  }
+  .mantine-Modal-title {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-right: 0;
+  }
+  .mantine-Modal-close {
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+  }
+`,ce=N(x)`
+  .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||P.getAssetPath("plus-icon.svg")});
+      }
+    }
+    &[data-active='true'] {
+      .mantine-Accordion-chevron {
+        > div {
+          background-image: url(${e=>e.openChevron||P.getAssetPath("minus-icon.svg")});
+        }
+      }
+    }
+  }
+  .mantine-Accordion-panel {
+    border-radius: ${e=>e.theme.borderRadius};
+  }
+  .mantine-Accordion-content {
+    white-space: pre-wrap;
+  }
+`,me=t=>{var{children:a}=t,n=e(t,["children"]);return r.createElement(ce,Object.assign({chevron:r.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},n),a)};me.Control=x.Control,me.Item=x.Item,me.Panel=x.Panel;const de=P.getAssetPath("avatar.jpg"),he=t=>{var{withIndicator:a=!1,indicatorConfig:n=null,size:l=56,children:o,styles:i}=t,s=e(t,["withIndicator","indicatorConfig","size","children","styles"]);const c=()=>r.createElement(C,Object.assign({size:l,radius:"xl"},s,{imageProps:Object.assign({loading:"lazy"},s.imageProps)}),o||r.createElement("img",{loading:"lazy",src:de,width:l}));return a?r.createElement(y,Object.assign({inline:!0,position:"bottom-end",offset:9},n,{styles:Object.assign({indicator:{backgroundColor:r.isValidElement(n.label)&&"transparent",zIndex:1}},i)}),c()):c()},pe=300,ge=M({key:"mantine",prepend:!1}),fe=t=>{var{value:a,onChange:o}=t,i=e(t,["value","onChange"]);const[s,c]=n(a),[m]=U(s,300);return l((()=>{null==o||o(m)}),[m]),l((()=>{c(a)}),[a]),r.createElement(H,Object.assign({size:"md",stepHoldDelay:500,stepHoldInterval:e=>Math.max(1e3/Math.pow(e,2),25),onChange:c,hideControls:!0,min:0,formatter:e=>0===Number(e)?e:e||"",removeTrailingZeros:!0,value:s},i))},ve=P.getAssetPath("EyeVisible.svg"),ue=P.getAssetPath("EyeHidden.svg"),be=o(((t,a)=>{const{size:n="md",visibilityToggleIcon:l}=t,o=e(t,["size","visibilityToggleIcon"]),i=l||(({reveal:e,size:t})=>e?r.createElement("img",{src:ve,width:t}):r.createElement("img",{src:ue,width:t}));return r.createElement(k,Object.assign({ref:a,size:n,visibilityToggleIcon:i},o,{className:`input-control ${(null==o?void 0:o.className)||""}`}))})),Ee=o(((t,a)=>{var{value:o,onChange:i,onChangeRaw:s}=t,c=e(t,["value","onChange","onChangeRaw"]);const[m,d]=n(o||""),[h]=U(m,300);return l((()=>{null==i||i(h)}),[h]),l((()=>{d(o)}),[o]),r.createElement(O,Object.assign({ref:a,size:"md",onChange:e=>{null==s||s(e),d(e.currentTarget.value)},value:m},c,{className:`input-control ${(null==c?void 0:c.className)||""}`}))}));Ee.File=e=>r.createElement(j,Object.assign({size:"md"},e)),Ee.Password=be,Ee.Number=fe,Ee.Wrapper=S.Wrapper;class ze extends i{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||r.createElement(r.Fragment,null):this.props.children}}const we=t=>{var{slidesToShow:a=1,children:n}=t,l=e(t,["slidesToShow","children"]);return(Array.isArray(n)?n.length:1)?r.createElement(ze,null,r.createElement(Z,Object.assign({slideSize:String(Math.floor(1/a*100))+"%",containScroll:"trimSnaps"},l),n)):null};we.Slide=Z.Slide;const xe=e=>r.createElement(B,Object.assign({},e));xe.Group=B.Group;const ye=N(A)`
+  ${e=>{const t=e.color||e.theme.colors.primaryBase;return`\n      .mantine-Slider-bar {\n        background-color: ${t};\n      }\n      .mantine-Slider-thumb {\n        border-color: ${t};\n        color: ${t};\n      }\n    `}}
+  [data-theme='marryBaby'] & {
+    ${e=>{const t=e.color||e.theme.mbColors.pink;return`\n        .mantine-Slider-bar {\n          background-color: ${t};\n        }\n        .mantine-Slider-thumb {\n          border-color: ${t};\n          color: ${t};\n        }\n      `}}
+  }
+
+  .mantine-Slider-label {
+    background-color: transparent;
+    color: #000;
+    font-size: 14px;
+    font-weight: bold;
+  }
+`,Ce=N.div`
+  display: flex;
+  align-items: center;
+  .hhg-mantine-slider {
+    flex-grow: 1;
+  }
+  button {
+    path:not([stroke]) {
+      stroke: ${e=>e.theme.colors.primaryBase};
+    }
+  }
+  [data-theme='marryBaby'] & {
+    button {
+      path:not([stroke]) {
+        stroke: ${e=>e.theme.mbColors.pink};
+      }
+    }
+  }
+`,je=t=>{var{styles:a}=t,n=e(t,["styles"]);return r.createElement(I,Object.assign({size:"sm"},n,{styles:e=>Object.assign(Object.assign({},a),{icon:{color:e.colors[e.primaryColor][e.primaryShade]}})}))};je.Group=I.Group;const Me={Button:{defaultProps:{size:"md"}}},He={Checkbox:{styles:{input:ne}}},ke=[{size:40,lineHeight:"52px",letterSpacing:"-1.2px"},{size:32,lineHeight:"42px",letterSpacing:"-1px"},{size:26,lineHeight:"36px",letterSpacing:"-0.8px"},{size:22,lineHeight:"32px",letterSpacing:"-0.6px"},{size:18,lineHeight:"28px",letterSpacing:"-0.2px"},{size:16,lineHeight:"24px",letterSpacing:0}],Oe=[{size:26,lineHeight:"34px",letterSpacing:"-0.9px"},{size:24,lineHeight:"32px",letterSpacing:"-0.8px"},{size:20,lineHeight:"26px",letterSpacing:"-0.7px"},{size:18,lineHeight:"26px",letterSpacing:"-0.6px"},{size:16,lineHeight:"24px",letterSpacing:"-0.2px"},{size:14,lineHeight:"22px",letterSpacing:"-0.2px"}],Se=(e=!1)=>Object.fromEntries((e?Oe:ke).map(((e,t)=>[`&:is(h${t+1})`,{fontSize:e.size,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing}]))),Be={Title:{styles:{root:Object.assign(Object.assign({fontWeight:ee.fontWeight.bold},Se()),{[`&${_.mbDown}`]:Object.assign({},Se(!0))})}}},Ae=e=>({InputWrapper:{styles:{label:{display:"inline-flex",gap:4,marginBottom:"0.25rem",fontWeight:600,fontSize:"14px",lineHeight:"22px",color:R.colors.gray600},description:{fontWeight:400,fontSize:"12px",lineHeight:"18px",color:R.colors.gray600,marginBottom:"0.25rem"},error:{marginTop:"0.25rem"}}},NumberInput:{defaultProps:{decimalSeparator:W[e].separator}},Input:{styles:(e,t)=>({input:{border:`1px solid ${R.colors.gray200}`,transition:`all ${re} ease-in-out`,"&:not(.mantine-Textarea-input)":Object.assign({},(()=>{switch(t.size){case"lg":return{height:48,fontSize:16,minHeight:"unset",lineHeight:"24px"};case"md":return{height:40,fontSize:14,lineHeight:"22px",minHeight:"unset"};case"sm":return{height:32,fontSize:14,lineHeight:"22px",minHeight:"unset"}}})()),"&:hover":{border:`1px solid ${e.primaryColor}`},"&:focus":{boxShadow:`0px 0px 0px 2px ${e.colors[e.primaryColor][2]}`}},invalid:{border:`1px solid ${R.colors.red600}`,color:"#000"}})}}),Ie={Radio:{styles:{radio:Object.assign(Object.assign({backgroundColor:"#ffffff"},ne),{"&:checked":{backgroundColor:"#ffffff"}})}}},Le={Tabs:{styles:{tabsList:{gap:16,borderBottom:"none",flexWrap:"nowrap"},tab:{padding:0,paddingBottom:8,color:R.colors.gray400,"&:hover":{backgroundColor:"initial",border:"initial"},"&[data-active='true']":{color:R.colors.primaryBase,borderColor:R.colors.primaryBase}}}}},Pe={[G.Vietnam]:"vi",[G.Cambodia]:"km",[G.India]:"hi",[G.Indonesia]:"id",[G.Malaysia]:"ms",[G.Thailand]:"th",[G.Taiwan]:"zh-tw",[G.PhilippinesTagalog]:"tl-ph",[G.PhilippinesEnglish]:"en",[G.Myanmar]:"my"},De={[G.Vietnam]:()=>import("dayjs/locale/vi.js"),[G.Cambodia]:()=>import("dayjs/locale/km.js"),[G.India]:()=>import("dayjs/locale/hi.js"),[G.Indonesia]:()=>import("dayjs/locale/id.js"),[G.Malaysia]:()=>import("dayjs/locale/ms.js"),[G.Thailand]:()=>import("dayjs/locale/th.js"),[G.Taiwan]:()=>import("dayjs/locale/zh-tw.js"),[G.PhilippinesTagalog]:()=>import("dayjs/locale/tl-ph.js"),[G.PhilippinesEnglish]:()=>import("dayjs/locale/en.js"),[G.Myanmar]:()=>import("dayjs/locale/my.js")},$e=e=>{const[a,r]=n(!1);return l((()=>{t(void 0,void 0,void 0,(function*(){var t;r(!1),yield null===(t=De[e])||void 0===t?void 0:t.call(De),F.locale(Pe[e]),r(!0)}))}),[e]),{isLoaded:a}},Ne={hb:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],mb:["#FFE9F1","#F8CCDC","#F5B4CB","#F29CBA","#EE84AA","#EB6B99","#E85388","#D34C7C","#BE446F","#A93D63"],blue:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],gray:["#fafafa","#f2f2f2","#d9d9d9","#bfbfbf","#8c8c8c","#737373","#595959","#404040","#262626"],neutral:["#f8f9fc","#e4e8ec","#fafafa","#d2d6dc","#bfc5cc","#adb3bc","#9aa2ac","#87909c","#757f8c","#626d7c"],green:["#e0f8ee","#b3eed5","#7ce2b9","#2ed69e","#00CB8A","#00C076","#00B16A","#009E5C","#008C50","#006C39"],pink:["#fff1f6","#fec7dc","#fec7dc","#fec2cf","#fe9dc2","#fd87b4","#fd72a7","#fc5d9a","#fc488d","#E92D74"],violet:["#F5EDFF","#E7D2F7","#D8B7F0","#CA9CE8","#BB82E1","#AD67D9","#9E4CD1","#9031CA","#8116C2","#63059D"],yellow:["#fff8e2","#ffecb6","#ffe187","#ffd658","#ffc326","#fe921d","#ffb521","#fea21e","#fe921d","#fc7419"],teal:["#e0f7fc","#b1ebf8","#7ddff3","#44d1ec","#00c7e6","#00bee0","#00aecd","#0099b2","#008599","#00626c"],indigol:["#CEDDF0","#ACC5E6","#95B3DA","#85A6CF","#6D91BE","#5F85B5","#4C77AC","#35639C","#284A75","#1B3250"],redViolet:["#F3EAEB","#E8D5D7","#DDC1C4","#D1ACB0","#C5979C","#BA8288","#AF6D74","#A35961","#97444D","#8C2F39"]},Te=(e,t="hb")=>({defaultRadius:"hb"===t?4:16,datesLocale:Pe[e],dateFormat:W[e].dateFormat,colors:Object.assign(Object.assign({},Ne),R.colors),primaryColor:t,primaryShade:6,fontFamily:e===G.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",breakpoints:{xs:K.BREAK_POINT_SMALL_MOBILE,sm:K.BREAK_POINT_MOBILE,md:K.BREAK_POINT_TABLET,lg:K.BREAK_POINT_PC,xl:K.BREAK_POINT_LGPC},components:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},Ae(e)),He),Ie),Me),Be),Le)});var Fe="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Re(e){var t={exports:{}};return e(t,t.exports),t.exports
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/}var We=Re((function(e){!function(){var t={}.hasOwnProperty;function a(){for(var e=[],r=0;r<arguments.length;r++){var n=arguments[r];if(n){var l=typeof n;if("string"===l||"number"===l)e.push(n);else if(Array.isArray(n)){if(n.length){var o=a.apply(null,n);o&&e.push(o)}}else if("object"===l){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){e.push(n.toString());continue}for(var i in n)t.call(n,i)&&n[i]&&e.push(i)}}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):window.classNames=a}()}));function Ve(e,t=6){const a=new Array(t).fill("");if(e){const t=e.toString().split("");a.map(((e,r)=>{t[r]&&(a[r]=t[r]||"")}))}return a}function _e(e){return e.join("")}var Ke="_2iQs0sk",Ge="Ia6IojY";const Ue=o(((t,a)=>{const{maxLength:n=1,placeholder:l,className:o}=t,i=e(t,["maxLength","placeholder","className"]);return r.createElement("input",Object.assign({maxLength:n,className:We(Ge,"otpInput",o),placeholder:l,type:"number"},i,{ref:a}))})),Ze=o(((e,t)=>{const{valueLength:a=6,type:o="number",value:i,defaultValue:d,onChange:h,onBlur:g}=e,f=s(new Array(a).fill(null)),[v,u]=n(d||i),[b,E]=n(-1),[z,w]=n((()=>Ve(v,a))),x=c((()=>{if(-1===b)return;const e=f.current[b];if(e){e.value="";const t=z;t[b]="",w(t),u((()=>_e(t))),null==h||h(_e(t))}}),[b,h,z]),y=c((()=>{if(0===b)return;const e=f.current[b];e&&e.blur();const t=f.current[b-1];t&&t.focus()}),[b]),C=c((()=>{if(b===a-1)return;const e=f.current[b];e&&e.blur();const t=f.current[b+1];t&&t.focus()}),[b,a]),j=c((e=>{const t=e.target,a=t.value.toString().slice(0,1),r=f.current.findIndex((e=>e===t));if(-1!==r){const e=z;e[r]=a,w(e),u((()=>_e(e))),null==h||h(_e(e))}C()}),[C,h,z]),M=c((e=>{const t=e.target,a=f.current.findIndex((e=>e===t));"number"===o?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==a&&E(a)}),[]),H=c((e=>{const t=Ve(e.clipboardData.getData("text/plain"),a),r=_e(t);w(t),u(r),null==h||h(r)}),[h,o,a]),k=c((e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),x(),y()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),x()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),y()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),C()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[x,C,y]);return m(t,(()=>f.current[0]),[]),l((()=>{w((()=>Ve(i,a))),u(i)}),[a,i]),r.createElement(p,{justify:"center",columnGap:8,className:We(Ke,"otpContainer")},z.map(((e,t)=>r.createElement(Ue,{ref:e=>{f.current[t]=e},key:""+t,value:e,type:o,onChange:j,onFocus:M,onKeyDown:k,onPaste:H,onBlur:g}))))})),Xe=e=>a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-kh",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),a.createElement("path",{fill:"#032ea1",d:"M0 0h640v480H0z"}),a.createElement("path",{fill:"#e00025",d:"M0 120h640v240H0z"}),a.createElement("g",{fill:"#fff",stroke:"#000",transform:"matrix(1.2 0 0 1.2 85.6 -522)"},a.createElement("g",{strokeLinejoin:"bevel"},a.createElement("path",{d:"M139 623.5h113.8v43.8H139z"}),a.createElement("path",{d:"M247 647.6h3.5v16.5H247zm-108-8.1h113.8v5H139zm0-7h113.8v4.6H139z"}),a.createElement("path",{strokeWidth:.9,d:"M139 625.7h113.8v4.3H139z"}),a.createElement("path",{d:"M169 647.6h3.6v16.5H169zm49 0h3.6v16.5H218zm-78 0h3.5v16.5H140zm7 0h3.5v16.5H147zm7.5 0h3.5v16.5h-3.5zm7.5 0h3.5v16.5H162zm62.8 0h3.6v16.5h-3.6zm7.5 0h3.6v16.5h-3.6zm7.5 0h3.6v16.5h-3.6z"}),a.createElement("path",{strokeLinejoin:"miter",d:"M94.5 669.5a9.3 9.3 0 0 0 4.4-5.3H292a9.3 9.3 0 0 0 4.4 5.3z"})),a.createElement("path",{d:"M193 556.8s-.1-4.1 2.3-4.2c2.3 0 2.2 4.2 2.2 4.2zm-12.5 54.5v-5.5c0-2.8-2.8-3-2.8-5 0 0-.4-3 .4-4.4 1.1 4 3 3.3 3 1.6 0-1.4-1-2.8-3.3-6.3-.8-1.1-.3-4.6.7-5.9.4 3 .9 4.5 2.2 4.5.8 0 1.4-.5 1.4-2 0-2-1.3-3-2-4.8a5 5 0 0 1 1.1-5.3c.5 3 .4 4.2 1.7 4.2 2.7-.9 0-4.8-.6-5.8-.6-1.1 1-3.4 1-3.4.8 2.7 1 2.9 2 2.6 1.2-.3 1-2-.4-3.4-.9-1-.8-2.3.2-3.3 1 1.9 2.2 1.8 2.3.6l-.8-4.4H204l-.9 4.3c-.2 1.2 1.4 1.5 2.4-.5 1 1 1.1 2.4.2 3.3-1.4 1.4-1.6 3.1-.4 3.4 1 .3 1.2 0 2-2.6 0 0 1.5 1.5 1 3.4-.6 1-3.3 5-.6 5.8 1.3 0 1.2-1.2 1.7-4.2a5 5 0 0 1 1 5.3c-.6 1.8-2 2.8-2 4.8 0 1.5.7 2 1.5 2 1.3 0 1.8-1.4 2.2-4.5 1 1.3 1.5 4.8.7 6-2.3 3.4-3.4 4.8-3.4 6.2 0 1.7 2 2.4 3-1.6.9 1.4.5 4.4.5 4.4 0 2-2.7 2.2-2.8 5v5.5zm7.2-46-.4-3.1h15.9l-.4 3.1zm1-3.2-.2-2.5H202l-.3 2.5zm2.3-2.6-.3-2.6h9l-.1 2.6zm33 110c-2-.7-5-2.9-5-5v-24.3l2.6-3.4H169l2.5 3.4v24.3c0 2.1-2 4.3-4 5z"}),a.createElement("path",{strokeLinejoin:"bevel",d:"M178.2 647.6h3.6v16.5h-3.6zm30.4 0h3.6v16.5h-3.6z"}),a.createElement("path",{d:"M168 609.2v27.6h54v-27.6a4.2 4.2 0 0 0-2.6 2.8v11.8h-48.7V612s-.6-2-2.8-2.8z"}),a.createElement("path",{d:"M214.6 669.5c-1.8-.7-5.6-2.9-5.6-5v-27.2c.4-1.5 2.4-2.4 3.7-3.4H177c1.7 1 3.6 1.7 4.3 3.4v27.2c0 2.1-3 4.3-4.8 5z"}),a.createElement("path",{d:"M219.4 634.2v-19.6h-4.9v-1.9h-38.8v2h-5v19.5zM207 669.5c-1.8-.7-4.3-2.9-4.3-5v-23.2l1.4-2.1h-17.7l1.5 2v23.3c0 2.1-2.6 4.3-4.3 5z"}),a.createElement("path",{d:"M190.7 639.2h9v30.3h-9z"}),a.createElement("path",{strokeLinejoin:"bevel",d:"M204.4 632.5c0-2 5.8-2.1 8.8-3.8h-36c3 1.7 8.7 1.8 8.7 3.8l1.2 3.9 15 .6z"}),a.createElement("path",{d:"M211.4 611.3c0-4.9.2-6.7 1.7-6.7V620c-3.7 1.4-6.3 6-6.3 6h-23.2s-2.6-4.6-6.3-6v-15.5c1.8 0 1.8 2 1.8 6.7zm1.7-2c0-5.6 4.9-6.2 4.9-6.2v5c-1.9-.1-2.8 1.6-2.8 4 0 2.5 1.5 2.5 1.5 2.5v14.2h-3.6z"}),a.createElement("path",{d:"M177.3 609.3c0-5.6-4.9-6.2-4.9-6.2v5c1.9-.1 2.8 1.6 2.8 4 0 2.5-1.5 2.5-1.5 2.5v14.2h3.6z"}),a.createElement("g",{fill:"none",strokeWidth:.8},a.createElement("path",{d:"M186.8 570.6H204m-19.2 5.4h21m-23 6.5h24.9m-27 7.9h29.5m-30.2 9h30.4"}),a.createElement("path",{strokeWidth:1,d:"M170.8 629h48.6m-33.2 0h18v6.6h-18z"})),a.createElement("path",{d:"M184 614.2c3 3.6 2.6 9.7 2.6 13.3H204c0-3.6-.4-9.7 2.6-13.3zm9.7-41-2.4-1.3v-3.5c1 .3 2 .4 2.2 2 .3-2.3 1-2.1 1.9-3 1 .9 1.5.7 1.9 3 0-1.6 1.2-1.7 2.1-2v3.5l-2.3 1.2z"}),a.createElement("path",{d:"m193.5 578.9-4-2.8V573c1.5.3 3 .5 3.2 2.2.4-2.5 1.3-3.7 2.7-4.7 1.3 1 2.2 2.2 2.7 4.7.1-1.7 1.7-1.9 3-2.2v3.2l-3.9 2.7z"}),a.createElement("path",{d:"m193.2 587.8-4.5-4v-4.7c1.6.4 3.4.6 3.6 3.1.5-3.5 1.5-5.4 3-6.8 1.6 1.4 2.6 3.3 3.2 6.8.2-2.5 2-2.7 3.6-3.1v4.7l-4.6 4zm8.4 5.3-4 5.7h-4.7l-4.1-5.7zm-15.2 9.5c2 1.1 2.8 3.4 3 7.6H201c.2-4.2 1-6.5 3-7.6z"}),a.createElement("path",{strokeLinejoin:"bevel",d:"M204.2 593v-5.6a5.2 5.2 0 0 0-3.8 3.3c0-2-2.5-6.3-5.2-8.5-2.7 2.4-5.3 6.4-5.2 8.4-.5-1.5-1.8-2.7-3.8-3.2v5.7z"}),a.createElement("path",{strokeLinejoin:"bevel",d:"M205 602.6V597c-2.1.6-3.5 1.7-4.1 3.3 0-2-2.7-6.3-5.7-8.5-3 2.5-5.8 6.4-5.7 8.5-.5-1.5-2-2.7-4.1-3.3v5.7z"}),a.createElement("path",{strokeLinejoin:"bevel",d:"M207.4 614.3v-6.6a9.6 9.6 0 0 0-5.1 3.8c0-3.5-4-9-7.1-10.7-3.2 1.8-7.1 7.4-7.1 10.7a9.7 9.7 0 0 0-5.2-3.8v6.6z"}),a.createElement("path",{strokeLinejoin:"bevel",d:"M206 629v-6.8c-2.4.9-3 3.1-3.8 4.7.3-6.9-3.8-14.2-7-16.1-3.2 1.9-7.4 9.4-7 16-.8-1.4-1.5-3.7-3.8-4.6v6.7z"}),a.createElement("path",{d:"M204.4 639.2v-6.8c-2.5.6-2.6 1.5-3.4 3 .3-4.1-2.6-8.8-5.8-10.6-3.2 1.8-6 6.5-5.8 10.6-.8-1.5-.9-2.4-3.4-3v6.8z"}),a.createElement("g",{id:"a"},a.createElement("path",{d:"M99 664.2v-20.4c-.7-2.6-3-5-4.6-5.4v-18l3.7 2 4.3 18.9v23z"}),a.createElement("path",{d:"M99 664.3v-20.5c-.7-2.6-3-5-4.6-5.4v-19.2c2.5 0 3.7 3.2 3.7 3.2l4.3 18.9v22.9z"}),a.createElement("path",{d:"M96.3 669.5c1.7-.7 4.2-2.9 4.2-5v-25.6l-1.2-2H143l-1.7 2v25.6a6 6 0 0 0 3.4 5z"}),a.createElement("path",{d:"M135.8 669.5c-1.7-.7-4.2-2.9-4.2-5v-24.3l3.6-3.4h-29.6l3.6 3.4v24.3c0 2.1-2.5 4.3-4.2 5z"}),a.createElement("path",{d:"M131.7 669.5c-1.7-.7-4.3-2.9-4.3-5v-22l2.4-3.3H111l2.4 3.3v22c0 2.1-2.5 4.3-4.3 5z"}),a.createElement("path",{d:"M116 639.2h8.9v30.4h-9z"}),a.createElement("path",{strokeLinejoin:"bevel",d:"M103.7 647.6h3.6v16.5h-3.6zm30.8 0h3.5v16.5h-3.6zm-33.9-27.8h4.4v17h-4.4zm0-3.2h4.3v3.2h-4.3zm35.6 6.9h6.1v13h-6.1z"}),a.createElement("path",{d:"M104.9 636.6v-29c1.2 0 1.4 4.3 4.2 4.3 1.5 0 1.4-1.8.5-3.2-.7-1.3-1.6-3-.4-6.3.9 2.5 3.1 3.3 2.7 1.8-.7-2.7-2.8-3.2-1.2-7.3.5 3.4 2.7 3.3 2.2 1.3-.6-2.3-1.9-3.3-.3-6.5.9 3.7 2 3.5 2 1.2 0-3.4 0-7 4.2-8.3 0 0 .3-3 1.9-3 1.5 0 1.8 3 1.8 3 4.3 1.3 4.2 5 4.2 8.3 0 2.3 1.1 2.5 2-1.2 1.6 3.2.3 4.2-.3 6.5-.5 2 1.7 2.1 2.2-1.3 1.6 4.1-.5 4.6-1.2 7.3-.4 1.5 1.8.7 2.7-1.8 1.2 3.3.3 5-.4 6.3-.8 1.4-1 3.2.5 3.2 2.8 0 3-4.2 4.2-4.2v28.9zM98 614.7v22.1h2.5v-22.1c-.9-.5-1.7-.5-2.5 0z"}),a.createElement("path",{d:"M98.2 629c3.1 1.6 6.2 3.5 7 7.8h-7zm43.2-6.6v14.4h2v-14.4c-.6-.3-1.5-.4-2 0z"}),a.createElement("path",{d:"M143.4 629c-3.1 1.5-6.2 3.3-7 7.7h7zm-20.6-33.7 1.8-1.5v-2c-.6 0-1 .3-1.5 1a5 5 0 0 0-2.5-3 5 5 0 0 0-2.6 2.9c-.5-.7-.8-.8-1.5-1v2l1.8 1.6z"}),a.createElement("path",{d:"m123.8 600.2.8-1.9v-2.5c-.6 0-1 .3-1.5 1a5 5 0 0 0-2.5-3 5 5 0 0 0-2.6 2.9c-.5-.7-.8-.8-1.5-.9v2.5l.8 1.9z"}),a.createElement("path",{d:"m124 606.8 2.6-3.3v-3.2c-1 0-1.5.5-2.2 1.6-.7-2.3-2-2.7-3.8-3.8-1.9 1-3.2 1.5-3.8 3.7-.8-1.1-1.3-1.4-2.3-1.5v3.2l2.7 3.3z"}),a.createElement("path",{d:"M124.7 613.3s3.2-2.7 3.3-4.2v-3.5c-1.2.1-2.3.4-3.2 1.9-.8-2.9-2-3.7-4.2-5-2.3 1.3-3.5 2.1-4.2 5-1-1.5-2-1.8-3.3-2v3.6a15 15 0 0 0 3.3 4.2z"}),a.createElement("path",{d:"M126 625.3s4.4-4.7 4.5-6.6v-5.4c-1.6.2-3.2 1.3-4.4 3.6-1-4.5-2.6-7.6-5.5-9.8-3 2.2-4.6 5.3-5.6 9.8-1.2-2.3-2.7-3.4-4.3-3.6v5.4c.3 1.9 4.4 6.6 4.4 6.6z"}),a.createElement("path",{d:"M126 632.4s3.7-3.7 4.5-5.3v-5.4c-1.6.2-3.2 1.3-4.4 3.5a14 14 0 0 0-5.5-9.2c-3 2.2-4.6 4.7-5.6 9.2-1.2-2.2-2.7-3.3-4.3-3.5v5.4c1 1.6 4.4 5.3 4.4 5.3z"}),a.createElement("path",{d:"M127.5 636.6c-1-4.7-2-8.2-7.1-11.7-5.2 3.5-6.1 7-7.2 11.7z"}),a.createElement("path",{d:"M130.2 639.2v-6.8c-2.4 1-4.5 2.3-5.3 3.8-.8-3.8-2.5-5.4-4.6-7.7-2.1 2.3-3.5 4-4.4 7.7-.8-1.5-2.9-2.9-5.2-3.8v6.8z"})),a.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"matrix(-1 0 0 1 390.7 0)"}),a.createElement("path",{d:"M72.7 694.3H318v12.5H72.7zm-6.5 12.5h258.3v12.5H66.2zm19.4-31.3H305v8.1H85.6z"}),a.createElement("path",{d:"M79.2 683.6h232.4v10.6H79.2zm10.2-14.3h212v6.2h-212z"}),a.createElement("path",{d:"M112.4 669.3h16v50h-16z"}),a.createElement("path",{d:"M116 669.3h8.9v50h-9zm71 0h16v50h-16z"}),a.createElement("path",{d:"M190.7 669.3h9v50h-9zm71.5 0h16v50h-16z"}),a.createElement("path",{d:"M265.7 669.3h9v50h-9z"}),a.createElement("path",{fill:"none",d:"M99 664.2h193M115.8 713h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m65.8 37.5h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m66.2 37.5h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2"}))),Ye=e=>a.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 8 5",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),a.createElement("path",{d:"M4 5L0.535898 0.5L7.4641 0.5L4 5Z"})),qe=e=>a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-in",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),a.createElement("path",{fill:"#f93",d:"M0 0h640v160H0z"}),a.createElement("path",{fill:"#fff",d:"M0 160h640v160H0z"}),a.createElement("path",{fill:"#128807",d:"M0 320h640v160H0z"}),a.createElement("g",{transform:"matrix(3.2 0 0 3.2 320 240)"},a.createElement("circle",{r:20,fill:"#008"}),a.createElement("circle",{r:17.5,fill:"#fff"}),a.createElement("circle",{r:3.5,fill:"#008"}),a.createElement("g",{id:"d"},a.createElement("g",{id:"c"},a.createElement("g",{id:"b"},a.createElement("g",{id:"a",fill:"#008"},a.createElement("circle",{r:.9,transform:"rotate(7.5 -8.8 133.5)"}),a.createElement("path",{d:"M0 17.5.6 7 0 2l-.6 5L0 17.5z"})),a.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(15)"})),a.createElement("use",{xlinkHref:"#b",width:"100%",height:"100%",transform:"rotate(30)"})),a.createElement("use",{xlinkHref:"#c",width:"100%",height:"100%",transform:"rotate(60)"})),a.createElement("use",{xlinkHref:"#d",width:"100%",height:"100%",transform:"rotate(120)"}),a.createElement("use",{xlinkHref:"#d",width:"100%",height:"100%",transform:"rotate(-120)"}))),Qe=e=>a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-id",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),a.createElement("g",{fillRule:"evenodd",strokeWidth:"1pt"},a.createElement("path",{fill:"#e70011",d:"M0 0h640v249H0z"}),a.createElement("path",{fill:"#fff",d:"M0 240h640v240H0z"}))),Je=e=>a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-my",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),a.createElement("path",{fill:"#c00",d:"M0 0h640v480H0z"}),a.createElement("path",{fill:"#fff",d:"M.5 39.9h639v38.4H.5zM.5 118.6h639V157H.5zM.5 197.4h639v38.4H.5z"}),a.createElement("path",{fill:"#006",d:"M0 .5h320v280H0Z"}),a.createElement("path",{fill:"#fc0",d:"m207.5 73.8 6 40.7 23-34-12.4 39.2 35.5-20.8-28.1 30 41-3.2-38.3 14.8 38.3 14.8-41-3.2 28.1 30-35.5-20.8 12.3 39.3-23-34.1-6 40.7-5.9-40.7-23 34 12.4-39.2-35.5 20.8 28-30-41 3.2 38.4-14.8-38.3-14.8 41 3.2-28.1-30 35.5 20.8-12.4-39.3 23 34.1zm-33.3 1.7a71.1 71.1 0 1 0 0 130 80 80 0 1 1 0-130z"}),a.createElement("path",{fill:"#fff",d:"M.5 276.2h639v38.4H.5zM.5 354.4h639v38.4H.5zM0 441.6h639V480H0z"})),et=e=>a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-mm",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),a.createElement("path",{fill:"#fecb00",d:"M0 0h640v480H0z"}),a.createElement("path",{fill:"#34b233",d:"M0 160h640v320H0z"}),a.createElement("path",{fill:"#ea2839",d:"M0 320h640v160H0z"}),a.createElement("g",{transform:"translate(320 256.9) scale(176.87999)"},a.createElement("path",{id:"a",fill:"#fff",d:"m0-1 .3 1h-.6z"}),a.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(-144)"}),a.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(-72)"}),a.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(72)"}),a.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(144)"}))),tt=e=>a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-ph",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),a.createElement("path",{fill:"#0038a8",d:"M0 0h640v240H0z"}),a.createElement("path",{fill:"#ce1126",d:"M0 240h640v240H0z"}),a.createElement("path",{fill:"#fff",d:"M415.7 240 0 480V0"}),a.createElement("path",{fill:"#fcd116",d:"M26.7 42.4 41 55l16.6-9.2-7.4 17.5 14 13-19-1.6-8.1 17.2-4.3-18.5L14 71l16.3-10zm323.8 172.3.4 19 18 6.3-18 6.2-.4 19-11.5-15.1-18.2 5.5 10.8-15.6-10.8-15.6 18.2 5.5zM37.2 388.1l8 17.2 19-1.6-13.9 13 7.4 17.5-16.6-9.1-14.4 12.4 3.6-18.7L14 409l18.9-2.4zm114.2-249-6.2 6.2 3.1 47-3 .3-5.7-42.9-5.1 5 7.6 38.4a47.5 47.5 0 0 0-17.2 7.1l-21.7-32.4H96l26.4 34.3a48 48 0 0 0-2.4 2l-31.1-35.5h-8.8v8.8l35.4 31-2 2.5-34.3-26.3v7.1l32.5 21.7c-3.4 5.2-5.9 11-7.1 17.2L66.3 223l-5.1 5 42.9 5.7c-.2 1-.3 2.1-.3 3.1l-47-3-6.2 6.2 6.2 6.2 47-3.1.3 3.1-42.9 5.7 5 5 38.4-7.6a47.5 47.5 0 0 0 7.1 17.2l-32.5 21.7v7.2l34.3-26.3a48 48 0 0 0 2 2.4l-35.4 31v8.8H89l31-35.4 2.5 2L96 312.2h7.2l21.7-32.5c5.1 3.4 11 5.9 17.2 7.1l-7.6 38.4 5 5 5.7-42.9c1 .2 2 .3 3.1.3l-3 47 6.1 6.2 6.3-6.2-3.1-47 3-.3 5.7 43 5.1-5.1-7.6-38.4a47.5 47.5 0 0 0 17.2-7.1l21.7 32.5h7.2l-26.4-34.3a48 48 0 0 0 2.4-2l31.1 35.4h8.8v-8.8l-35.4-31 2-2.4 34.3 26.3v-7.2l-32.5-21.7c3.4-5.1 5.9-11 7.1-17.2l38.3 7.6 5.1-5-42.9-5.7c.2-1 .3-2 .3-3.1l47 3 6.2-6.1-6.2-6.2-47 3-.3-3 42.9-5.7-5-5-38.4 7.5a47.5 47.5 0 0 0-7.1-17.2l32.5-21.7v-7.1l-34.3 26.3a48 48 0 0 0-2-2.4l35.4-31v-8.9H214l-31 35.5a48 48 0 0 0-2.5-2l26.4-34.3h-7.2L178 200.2c-5.1-3.4-11-5.9-17.2-7.1l7.6-38.3-5-5-5.7 42.8-3.1-.3 3-47z"})),at=e=>a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-tw",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),a.createElement("clipPath",{id:"a"},a.createElement("path",{d:"M0 0h640v480H0z"})),a.createElement("g",{clipPath:"url(#a)"},a.createElement("path",{fill:"red",d:"M0 0h720v480H0z"}),a.createElement("path",{fill:"#000095",d:"M0 0h360v240H0z"}),a.createElement("g",{fill:"#fff"},a.createElement("path",{d:"m154 126.9-2.5 9.6 9.4 2.6-1.8-7.1zm46.9 5.1-1.8 7.1 9.4-2.6-2.5-9.6zm-41.8-24-5.1 5.1 1.9 6.9z"}),a.createElement("path",{d:"m155.9 120-1.9 6.9 5.1 5.1z"}),a.createElement("path",{d:"m154 113.1-6.9 6.9 6.9 6.9 1.9-6.9zm14 27.8 5.1 5.1 6.9-1.9zm18.9 5.1 9.6 2.5 2.6-9.4-7.1 1.8z"}),a.createElement("path",{d:"m192 140.9 7.1-1.8 1.8-7.1zm-31.1-1.8 2.6 9.4 9.6-2.5-5.1-5.1zm19.1 5 6.9 1.9 5.1-5.1z"}),a.createElement("path",{d:"m173.1 146 6.9 6.9 6.9-6.9-6.9-1.9zm-12.2-45.1-9.4 2.6 2.5 9.6 5.1-5.1zm-1.8 31.1 1.8 7.1 7.1 1.8zm45-12 1.9-6.9-5.1-5.1z"}),a.createElement("path",{d:"m168 99.1-7.1 1.8-1.8 7.1zm32.9 8.9-1.8-7.1-7.1-1.8zm5.1 18.9 6.9-6.9-6.9-6.9-1.9 6.9z"}),a.createElement("path",{d:"m200.9 108-8.9-8.9-12-3.2-12 3.2-8.9 8.9-3.2 12 3.2 12 8.9 8.9 12 3.2 12-3.2 8.9-8.9 3.2-12z"}),a.createElement("path",{d:"m200.9 132 5.1-5.1-1.9-6.9zm5.1-18.9 2.5-9.6-9.4-2.6 1.8 7.1zm-6.9-12.2-2.6-9.4-9.6 2.5 5.1 5.1zm-26-6.9-9.6-2.5-2.6 9.4 7.1-1.8zm6.9 1.9-6.9-1.9-5.1 5.1z"}),a.createElement("path",{d:"m186.9 94-6.9-6.9-6.9 6.9 6.9 1.9z"}),a.createElement("path",{d:"m192 99.1-5.1-5.1-6.9 1.9zM173.1 146l-9.6 2.5 4.5 16.6 12-12.2zm-5.1 19.1 12 44.9 12-44.9-12-12.2zm-7.1-26-9.4-2.6-4.4 16.4 16.4-4.4z"}),a.createElement("path",{d:"m147.1 152.9-12 45.1 32.9-32.9-4.5-16.6zm-12-20.9L102 165.1l45.1-12.2 4.4-16.4z"}),a.createElement("path",{d:"m154 126.9-6.9-6.9-12 12 16.4 4.5zm0-13.8-2.5-9.6-16.4 4.5 12 12z"}),a.createElement("path",{d:"M135.1 108 90 120l45.1 12 12-12zm90 24-16.6 4.5 4.4 16.4 45.1 12.2z"}),a.createElement("path",{d:"m199.1 139.1-2.6 9.4 16.4 4.4-4.4-16.4zm-12.2 6.9-6.9 6.9 12 12.2 4.5-16.6zm19.1-19.1 2.5 9.6 16.6-4.5-12.2-12z"}),a.createElement("path",{d:"m192 165.1 33.1 32.9-12.2-45.1-16.4-4.4zm7.1-64.2 9.4 2.6 4.4-16.4-16.4 4.4z"}),a.createElement("path",{d:"M225.1 108 258 75.1l-45.1 12-4.4 16.4zm-12.2-20.9L225.1 42 192 75.1l4.5 16.4zm12.2 44.9 44.9-12-44.9-12-12.2 12z"}),a.createElement("path",{d:"m206 113.1 6.9 6.9 12.2-12-16.6-4.5zm-38-38L135.1 42l12 45.1 16.4 4.4z"}),a.createElement("path",{d:"m160.9 100.9 2.6-9.4-16.4-4.4 4.4 16.4z"}),a.createElement("path",{d:"m147.1 87.1-45.1-12 33.1 32.9 16.4-4.5zm39.8 6.9 9.6-2.5-4.5-16.4-12 12z"}),a.createElement("path",{d:"M192 75.1 180 30l-12 45.1 12 12z"}),a.createElement("path",{d:"m173.1 94 6.9-6.9-12-12-4.5 16.4z"})),a.createElement("circle",{cx:180,cy:120,r:51.1,fill:"#000095"}),a.createElement("circle",{cx:180,cy:120,r:45.1,fill:"#fff"}))),rt=e=>a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-th",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),a.createElement("g",{fillRule:"evenodd"},a.createElement("path",{fill:"#f4f5f8",d:"M0 0h640v480H0z"}),a.createElement("path",{fill:"#2d2a4a",d:"M0 162.5h640v160H0z"}),a.createElement("path",{fill:"#a51931",d:"M0 0h640v82.5H0zm0 400h640v80H0z"}))),nt=e=>a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-vn",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),a.createElement("defs",null,a.createElement("clipPath",{id:"a"},a.createElement("path",{fillOpacity:.7,d:"M-85.3 0h682.6v512H-85.3z"}))),a.createElement("g",{fillRule:"evenodd",clipPath:"url(#a)",transform:"translate(80) scale(.9375)"},a.createElement("path",{fill:"#da251d",d:"M-128 0h768v512h-768z"}),a.createElement("path",{fill:"#ff0",d:"M349.6 381 260 314.3l-89 67.3L204 272l-89-67.7 110.1-1 34.2-109.4L294 203l110.1.1-88.5 68.4 33.9 109.6z"}))),lt=Object.values(V).reduce(((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e)),[]),ot={PH:tt,KH:Xe,ID:qe,IN:Qe,MM:et,MY:Je,TH:rt,TW:at,VN:nt};var it={phoneInput:"i-9Ibox",error:"YDWHh9b"};const st=o(((a,o)=>{const{isError:i,defaultCountry:s,countries:c=lt,countryCallingCodeEditable:m=!1,defaultValue:d,value:h,onChange:p,className:g}=a,f=e(a,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),[v,u]=n(d||h),[b,E]=n(null);return l((()=>{u(h)}),[h]),l((()=>{t(void 0,void 0,void 0,(function*(){const e=yield import("react-phone-number-input");E(e)}))}),[]),b?r.createElement(b.default,Object.assign({ref:o,value:v,onChange:e=>{u(e),null==p||p(e)},countries:c,defaultCountry:s,countryCallingCodeEditable:m,className:We(it.phoneInput,{isError:i,[it.error]:i},g),flagUrl:void 0,flagComponent:t=>{const{country:a,countryName:n,flagUrl:l}=t,o=e(t,["country","countryName","flagUrl"]),i=ot[a],s=a?`(+${b.getCountryCallingCode(a)})`:"";return i?r.createElement(r.Fragment,null,r.createElement(i,Object.assign({title:n},o)),r.createElement("span",{className:We(it.callingCode,"PhoneInputCountryIconCallingCode")},s)):r.createElement(r.Fragment,null)},countrySelectProps:{arrowComponent:()=>r.createElement("div",{className:We(it.arrowSelect,"PhoneInputArrowContainer")},r.createElement(Ye,null))}},f)):null}));var ct=u(((e,t)=>({root:{color:t.color||("hb"===e.primaryColor?"hb.6":e.fn.primaryColor()),"&[data-event-category] > *":{pointerEvents:"none"}}})));const mt=t=>{var{color:a,styles:n,className:l}=t,o=e(t,["color","styles","className"]);const{classes:i,cx:s}=ct({color:a},{name:"Anchor",styles:n});return r.createElement(ae,Object.assign({as:"a",className:s(i.root,l)},o))},dt=t=>{var{children:a}=t,n=e(t,["children"]);return r.createElement(L,Object.assign({},n),a)};dt.List=L.List,dt.Tab=L.Tab,dt.Panel=L.Panel;export{mt as A,J as B,Ye as C,pe as D,qe as I,Je as M,fe as N,Ze as O,tt as P,je as R,Ce as S,at as T,nt as V,Xe as a,Qe as b,et as c,rt as d,Ee as e,ae as f,Re as g,Fe as h,ye as i,se as j,oe as k,q as l,st as m,ie as n,$e as o,Te as p,me as q,he as r,we as s,Ne as t,le as u,xe as v,ge as w,ee as x,Pe as y,dt as z};

package/build/esm/index-735f8643.js

@@ -0,0 +1 @@
+import{_ as a}from"./tslib.es6-47c8da1d.js";import t from"react";import{Button as e}from"@mantine/core";import{u as r}from"./index-5aee2e31.js";const o={primary:"filled",secondary:"outline",tertiary:"default",light:"light",ghost:"subtle",error:"outline"},s=s=>{var{variant:i,size:n,color:l,skipHover:c,className:v,dataEventCategory:d,dataEventAction:m,dataEventLabel:p}=s,u=a(s,["variant","size","color","skipHover","className","dataEventCategory","dataEventAction","dataEventLabel"]);const E="error"===i,{classes:g,cx:b}=r({variant:i,size:n,color:l,skipHover:c,isError:E});return t.createElement(e,Object.assign({className:b(g.rootCustom,v),variant:o[i],"data-event-category":d,"data-event-action":m,"data-event-label":p},u))};export{s as B};

package/build/esm/index-8984a0f7.js

@@ -0,0 +1 @@
+import{G as r,B as t,a as e,b as a,L as n,O as o}from"./Onboarding-5f7cf95b.js";var b=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return t},get BabyGrowthChartDuration(){return e},get BabyGrowthResultTab(){return a},get LOCALE(){return n},get OnboardingStep(){return o}});export{b as i};

package/build/esm/{index-7bc42423.js → index-bcafa172.js}

@@ -1,4 +1,4 @@
-import{M as e}from"./utils-528b09d1.js";import t from"styled-components";import o from"react";const i=t.div`
+import{M as e}from"./utils-c933aef8.js";import t from"styled-components";import o from"react";const i=t.div`
   position: relative;
   width: 100%;
 

package/build/esm/index-c8863f6f.js

@@ -0,0 +1 @@
+import{_ as e}from"./tslib.es6-47c8da1d.js";import t from"react";import{CommonGAssets as s}from"./gAssets.js";import{j as r}from"./index-5aee2e31.js";const l=l=>{var{title:o}=l,a=e(l,["title"]);return t.createElement(t.Fragment,null,t.createElement(r,Object.assign({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},a,{withCloseButton:!1,title:a.withCloseButton&&t.createElement(t.Fragment,null,o,t.createElement("img",{className:"mantine-Modal-close",src:s.getAssetPath("CloseModal.svg"),onClick:()=>{var e;return null===(e=a.onClose)||void 0===e?void 0:e.call(a)}}))})))};export{l as M};

package/build/esm/index-cdfd36ea.js

@@ -0,0 +1 @@
+import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-ba9c9e7c.js";import{t as r}from"./theme-3244030b.js";import{ak as l}from"./index.styled-e68f7e6b.js";import{I as s}from"./index-1b166edb.js";import{I as c}from"./index-3dd1adc4.js";import{M as n}from"./index-40b0d7a7.js";import{T as m}from"./index-da2bb529.js";import{u as i}from"./useScrollbarSize-dfa90b59.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-3a3a39bf.js";const b=({isActive:t,onChange:a,value:o="",onInputChange:i,siteType:h})=>{const{t:p}=d(),u="marryBaby"===h;return e.createElement(l,{onClick:()=>a("new"),"data-is-mb":u,"data-isActive":u&&t},"marryBaby"===h?e.createElement("div",{className:"title"},e.createElement(n,{type:"bodytext-1",color:r.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"},t&&e.createElement(s.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(m,{size:"p2",color:r.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"})),e.createElement(c,{name:"name",value:o,size:"md",placeholder:p("chooseBaby.placeholder"),type:"text",onChange:i}))},v="hhg-modals",g=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},f=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},E=({type:d="lead",closeIcon:r,isOpen:l=!0,onClose:s,children:c,className:n="",animationType:m="slideTop",isStaticBackdrop:b=!1,siteType:E})=>{const[C,N]=t(!1),j=a(null),{width:x}=i();if(!j.current&&C&&(j.current=document.createElement("div")),o((()=>(N(!0),()=>{N(!1),g(),f()})),[]),o((()=>{if(C){const e=(()=>{let e=document.getElementById(v);return e||(e=document.createElement("div"),e.setAttribute("id",v),document.body.append(e)),e})();return e.appendChild(j.current),()=>{e.removeChild(j.current)}}}),[C]),o((()=>{l?document.body.classList.add("hhc-modal-show"):g()}),[l]),o((()=>{l?(document.body.style.overflow="hidden",document.body.style.paddingRight=x+"px",document.body.classList.add("hhc-disabled-scroll")):f()}),[l,x]),!C)return null;const _=["hhg-modal__wrapper",n,m].filter((e=>e)).join(" ");return h(e.createElement(p,{className:_,"data-open":l,"data-type":d},!b&&e.createElement(u,{"data-open":l,onClick:s,"data-type":d}),!b&&"video"===d&&!!r&&e.createElement("div",{className:"hhg-modal__close",onClick:s},r),e.createElement(y,{className:"hhg-modal","data-open":l,"data-site-type":E},e.createElement("div",{className:"video"===d?"hhg-modal__video":"hhg-modal__content"},!!r&&"video"!==d&&e.createElement("div",{className:"hhg-modal__close",onClick:s},r),c))),j.current)};export{E as M,b as N};

package/build/esm/{index-b25e070d.js → index-d48dcd5a.js}

@@ -1 +1 @@
-import{_ as a}from"./tslib.es6-f8281476.js";import t from"react";var e="P03rcnV",o="LsvykAk",d="S2kaD9B",c="fAwTdkg",i="ITgol3T",r="cD-HMFz",n="oAG2-aJ",s="Y9fGCaj";const l=l=>{var{size:C,color:m="primary",theme:u="helloSites",isDisabled:h,isBlock:p,title:g,className:P,onClick:k,icon:v,iconPosition:E="left",children:y,isLoading:N=!1,loadingText:b,dataEventCategory:w,dataEventAction:f,dataEventLabel:L,dataProductChannel:B,dataProductSku:x,dataProductBrand:A,dataProductName:T,dataProductPrice:z,dataProductCategory:D,dataProductPosition:S,type:j}=l,F=a(l,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);const M={"data-event-category":w,"data-event-action":f,"data-event-label":L,"data-product-channel":B,"data-product-sku":x,"data-product-brand":A,"data-product-name":T,"data-product-price":z,"data-product-category":D,"data-product-position":S},G=t.createElement("span",{className:o},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("circle",{className:s,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),t.createElement("svg",{className:e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("mask",{id:"path-1-inside-1",fill:"white"},t.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),t.createElement("path",{className:n,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),W=(v||N)&&t.createElement("span",{className:r},N?G:v," ");return t.createElement("button",Object.assign({},M,{className:`${i} ${P||""}`,"data-size":C,"data-color":m,"data-block":p,"data-has-icon":!!v||void 0,"data-theme":u,disabled:h,onClick:a=>{!N&&!h&&k&&k(a)},title:g,"data-is-loading":N,type:j},F),t.createElement("span",{className:c},"left"===E&&W,y&&t.createElement("span",{className:d},N&&b||y),"right"===E&&W))};export{l as B};
+import{_ as a}from"./tslib.es6-47c8da1d.js";import t from"react";var e="P03rcnV",d="LsvykAk",o="S2kaD9B",c="fAwTdkg",i="ITgol3T",r="cD-HMFz",n="oAG2-aJ",s="Y9fGCaj";const l=l=>{var{size:C,color:m="primary",theme:u="helloSites",isDisabled:h,isBlock:p,title:g,className:P,onClick:k,icon:v,iconPosition:E="left",children:y,isLoading:N=!1,loadingText:b,dataEventCategory:w,dataEventAction:f,dataEventLabel:L,dataProductChannel:B,dataProductSku:x,dataProductBrand:A,dataProductName:T,dataProductPrice:z,dataProductCategory:D,dataProductPosition:S,type:j}=l,F=a(l,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);const M={"data-event-category":w,"data-event-action":f,"data-event-label":L,"data-product-channel":B,"data-product-sku":x,"data-product-brand":A,"data-product-name":T,"data-product-price":z,"data-product-category":D,"data-product-position":S},G=t.createElement("span",{className:d},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("circle",{className:s,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),t.createElement("svg",{className:e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("mask",{id:"path-1-inside-1",fill:"white"},t.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),t.createElement("path",{className:n,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),W=(v||N)&&t.createElement("span",{className:r},N?G:v," ");return t.createElement("button",Object.assign({},M,{className:`${i} ${P||""}`,"data-size":C,"data-color":m,"data-block":p,"data-has-icon":!!v||void 0,"data-theme":u,disabled:h,onClick:a=>{!N&&!h&&k&&k(a)},title:g,"data-is-loading":N,type:j},F),t.createElement("span",{className:c},"left"===E&&W,y&&t.createElement("span",{className:o},N&&b||y),"right"===E&&W))};export{l as B};

package/build/esm/index-da2bb529.js

@@ -0,0 +1 @@
+import{_ as a}from"./tslib.es6-47c8da1d.js";import e from"react";var t="wIj6fkD";const s=s=>{var{size:r="base",type:c="regular",className:o,style:d,children:n,color:i,dataEventCategory:l,dataEventAction:p,dataEventLabel:v,as:m="p",wordWrap:y,isUppercase:b}=s,g=a(s,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]);const E=m;return e.createElement(E,Object.assign({"data-size":r,"data-type":c,style:Object.assign(Object.assign({},d),i?{"--custom-color":i}:void 0),className:`${t} ${o||""}`,"data-event-category":l,"data-event-action":p,"data-event-label":v,"data-word-wrap":y,"data-is-uppercase":b},g),n)};export{s as T};

package/build/esm/index-db673212.js

@@ -0,0 +1 @@
+import e,{useState as t,useEffect as a}from"react";import{z as s,A as r}from"./index.styled-e68f7e6b.js";import{_ as o}from"./tslib.es6-47c8da1d.js";import{u as n}from"./useTranslations-ba9c9e7c.js";import"@mantine/core";import"./gAssets.js";import{f as i}from"./index-5aee2e31.js";import"dayjs";import"./screenSizeContext-d2331a45.js";import"styled-components";import"./theme-3244030b.js";import"./index-4a21c940.js";import"./utils-c933aef8.js";import"./isProduction-62cf37f2.js";import"./Onboarding-5f7cf95b.js";import{B as l}from"./index-735f8643.js";import"./translationsContext-f4d02eb0.js";import"string-format";import"./index-4bf366f1.js";import"@mantine/hooks";import{b4 as m}from"./index.styled-31c81009.js";const d=({type:t="solid",className:a,style:r})=>e.createElement(s,{style:r,className:a,"data-diver-type":t,dividerType:t}),c={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},p=t=>{var{siteType:a,role:s,title:i,styles:l,className:m}=t,d=o(t,["siteType","role","title","styles","className"]);const{t:p}=n(),y=s?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(s):"",{classes:b,cx:v}=r(void 0,{name:"AuthorBadge",styles:l});return y&&c[y]?e.createElement("div",Object.assign({className:v(b.root,m),"data-label-type":y,"data-is-marrybaby":"marryBaby"===a},d),i||p(c[y])):null};var y="Dudns9-";const b=({value:s,choices:r,onChange:o})=>{const[n,i]=t(s);return a((()=>{i(s)}),[s]),e.createElement("div",{className:y},r.map(((t,a)=>e.createElement(l,{size:"sm",variant:t.value===n?"primary":"tertiary",key:a,onClick:()=>{i(t.value),null==o||o(t.value)}},t.label||""))))},v=({style:s,initialTab:r,tabContent:o,onChange:n,className:l,dataEventCategory:d,dataEventAction:c,dataEventLabel:p,id:y,styles:b})=>{const{classes:v,cx:u,theme:f}=m(void 0,{name:"Tabs",styles:b}),[E,x]=t(r||0);return a((()=>{x(r)}),[r]),e.createElement("ul",{style:s,className:u(v.root,l),role:"tablist",id:y},o.map(((t,a)=>e.createElement("li",{className:`${v.item} ${E===a?"active":""}`,"aria-selected":E===a,role:"tab",onClick:()=>{x(a),n&&n(a)},onKeyDown:e=>{"Enter"===e.key&&(x(a),n&&n(a))},key:a,"data-event-category":t.dataEventCategory||d,"data-event-action":t.dataEventAction||c,"data-event-label":t.dataEventLabel||p,tabIndex:0,"data-testid":t.dataTestid},e.createElement("div",{className:v.itemInner},t.icon&&e.createElement("div",{className:v.icon},t.icon),e.createElement(i,{className:v.label,size:t.textSize||"sm",weight:t.textType||"bold",color:E===a?f.fn.primaryColor():t.textColor||f.colors.gray[4],dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name))))))};export{p as A,b as B,d as D,v as T};

package/build/esm/index-eca0cd4c.js

@@ -0,0 +1 @@
+import e,{useState as t,useRef as a,useMemo as l,useEffect as n,Fragment as r,useCallback as o}from"react";import{T as i}from"./index-da2bb529.js";import{S as s,b as c,c as m,d,e as g,f as u,g as p,h,i as v,j as E,k as y,l as b,m as f,n as w,o as C,p as k,q as N,r as L,s as x,t as B,u as D,v as _,w as M,x as S,P as z}from"./index.styled-e68f7e6b.js";import{f as j}from"./utils-c933aef8.js";import{B as A}from"./index-d48dcd5a.js";import{a as P}from"./useUniqueId-6cf90110.js";import{CommonGAssets as T}from"./gAssets.js";import{H as I}from"./index-1c90d95e.js";import{t as F}from"./theme-3244030b.js";import{A as $,U as O,B as H,e as W,f as G,g as R,h as V,i as U,j as Z,k as q,l as K,m as Y,n as X,o as Q,p as J,q as ee,r as te,s as ae,t as le,u as ne,v as re,w as oe,x as ie,y as se,z as ce,C as me,E as de,F as ge,G as ue,H as pe,I as he,J as ve,K as Ee,L as ye,N as be,O as fe,P as we,Q as Ce,V as ke,W as Ne,X as Le,Y as xe,Z as Be,_ as De,$ as _e,a0 as Me,a1 as Se,a2 as ze,a3 as je,a4 as Ae,a5 as Pe,a6 as Te,a7 as Ie,a8 as Fe,a9 as $e,aa as Oe,D as He,ab as We,ac as Ge,b as Re,ad as Ve,ae as Ue,af as Ze,ag as qe,ah as Ke,ai as Ye,aj as Xe,a as Qe,ak as Je,T as et,al as tt,am as at,an as lt,ao as nt,ap as rt,aq as ot,ar as it,as as st,at as ct,au as mt,av as dt,aw as gt,ax as ut,ay as pt,az as ht,aA as vt,aB as Et,aC as yt,aD as bt,aE as ft,aF as wt,aG as Ct,aH as kt,aI as Nt,aJ as Lt,aK as xt,aL as Bt,aM as Dt,aN as _t,aO as Mt,aP as St,aQ as zt,aR as jt,aS as At,aT as Pt,aU as Tt,aV as It,aW as Ft,aX as $t,aY as Ot,aZ as Ht,a_ as Wt,a$ as Gt,b0 as Rt,b1 as Vt,b2 as Ut,b3 as Zt}from"./index.styled-31c81009.js";import{_ as qt,a as Kt}from"./tslib.es6-47c8da1d.js";import Yt from"lodash/throttle";import{useKeenSlider as Xt}from"keen-slider/react";import Qt from"dayjs";import"./screenSizeContext-d2331a45.js";import"styled-components";import{d as Jt,L as ea,F as ta,Q as aa}from"./index-4a21c940.js";import{i as la}from"./isProduction-62cf37f2.js";import{L as na}from"./Onboarding-5f7cf95b.js";import{u as ra}from"./useTranslations-ba9c9e7c.js";import{format as oa,addDays as ia,isBefore as sa,startOfMonth as ca,addMonths as ma,subMonths as da,getDaysInMonth as ga,isToday as ua,isSameDay as pa,isWithinInterval as ha,isAfter as va,isPast as Ea}from"date-fns";import{I as ya}from"./index-3dd1adc4.js";import{C as ba}from"./index-19b5e072.js";import{I as fa}from"./index-1b166edb.js";import{Container as wa}from"@mantine/core";import"./index.styled-e6442198.js";import"./index-99c43f8f.js";import{e as Ca}from"./index-5aee2e31.js";import"./index-4bf366f1.js";import"@mantine/hooks";import{D as ka}from"./types-4c0f1205.js";import{b as Na,H as La}from"./index.styled-053a4e80.js";import{M as xa}from"./index-40b0d7a7.js";import{S as Ba}from"./index-4d87addf.js";import{useForm as Da,Controller as _a}from"react-hook-form";import{R as Ma}from"./index-3a3a39bf.js";import{u as Sa}from"./useHealthToolCache-d46017a9.js";import{L as za}from"./index-bcafa172.js";import{f as ja,a as Aa}from"./dataTransform-007a3715.js";import{a as Pa}from"./useOutsideClick-50d3bb72.js";import Ta from"date-fns/locale/en-US";import Ia from"date-fns/locale/id";import Fa from"date-fns/locale/vi";import $a from"date-fns/locale/zh-TW";import{u as Oa}from"./useScreenSize-4644f63b.js";import{g as Ha}from"./getSocialList-68bceda7.js";var Wa="CHw-fZZ",Ga="_03U6VRS",Ra="EO828Vv";const Va=({style:t,onClose:a,text:l,type:n,contentIcon:r,closeIcon:o,className:s,description:c})=>e.createElement("div",{className:`${Wa} ${s||""}`,style:t,"data-alert-type":n},e.createElement("div",{className:Ga},e.createElement("div",{className:"icon-title"},r,e.createElement(i,{type:"bold",size:"label1"},l)),e.createElement(i,{type:"regular",size:"p3"},c)),e.createElement("div",{className:Ra,onClick:a},o)),Ua=({amount:t,type:a,size:l="medium",color:n="primary",icon:r,className:o})=>e.createElement(s,{"data-notification-type":a,"data-notification-size":l,"data-notification-color":n,"data-has-icon":!!r||void 0,notificationType:a,notificationSize:l,notificationColor:n,hasIcon:!!r,className:o},e.createElement("div",null,t&&e.createElement("span",null,t)," ",r&&e.createElement("div",null,r))),Za=({style:t,children:a,className:l,size:n="lg",type:r="bold",upperCase:o,as:i="h4",color:s})=>e.createElement(c,{style:Object.assign({color:s},t),className:l,"data-size":n,"data-type":r,"data-uppercase":o,as:i},a),qa=({className:l,value:n,options:r,onUploadSelected:o,id:i,placeholderIcon:s,placeholder:c,style:h})=>{const[v,E]=t(!1),y=()=>E(!v),b=a(r.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+i+"-"+t.value,key:"uploader-dropdown-input-"+i+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),o(e.target.files)}})))),f=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},e.createElement("defs",null,e.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},e.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),e.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),w=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"download"),e.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),C=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return e.createElement(m,{className:l,"data-dropdown-open":!!v,id:i,"data-has-icons":!0,style:h,onBlur:()=>E(!1),tabIndex:0},e.createElement(d,{onClick:y},s||f," ",e.createElement("span",null,n&&n.value?n.label:c)),v&&e.createElement(g,{onClick:y,"data-has-icons":!0},r.map((t=>e.createElement(u,{key:`${i}-${t.value}`,"data-selected":n&&n.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+i+"-"+t.value,void(null===(l=document.querySelector(a))||void 0===l||l.click())):void((e=t.url)&&window.open(e,"_blank"));var e,a,l}},e.createElement(p,null,t.icon||"download"===t.type?w:C),t.label)))),e.createElement(e.Fragment,null,b.current))},Ka=({className:t,columns:a,columnsDesktop:l,gridTemplateColumns:n,gridTemplateColumnsDesktop:r,gap:o,children:i,justifyChildren:s,style:c,alignItems:m})=>e.createElement(h,{className:t,style:c,theme:{columns:a,columnsDesktop:l,gap:o,justifyChildren:s,gridTemplateColumns:n,gridTemplateColumnsDesktop:r,alignItems:m}},i),Ya=({pagesAmount:a,activePage:l,handlePageChange:o,handleClick:i,href:s,queryPageName:c="page"})=>{const m=[...Array(a)].map(((e,t)=>t+1)),[d,g]=t(l<=4?m.slice(0,5):l>=m.length-3?m.slice(m.length-5,m.length):m.slice(l-2,l+1));return n((()=>{l<=4?g(m.slice(0,5)):l>=m.length-3?g(m.slice(m.length-5,m.length)):g(m.slice(l-2,l+1))}),[l]),e.createElement(r,null,l>4&&e.createElement(r,null,e.createElement(y,{onClick:()=>o(1)},s?e.createElement("a",{href:s,onClick:i},1):1),e.createElement(y,null,"...")),d.map((t=>e.createElement(y,{key:`pagination+${t}`,"data-page-active":t===l||void 0,onClick:()=>o(t)},s?e.createElement("a",{href:j(s,t,c),onClick:i},t):t))),l<m.length-3&&e.createElement(r,null,e.createElement(y,null,"..."),e.createElement(y,{onClick:()=>o(m.length)},s?e.createElement("a",{href:j(s,m.length,c),onClick:i},m.length):m.length)))},Xa=({className:a,pagesAmount:r,currentPage:o,onChange:i,onClick:s,style:c,href:m,queryPageName:d="page"})=>{const g=[...Array(r)].map(((e,t)=>t+1)),[u,p]=t(o),h=l((()=>m&&m.endsWith("&page=")?m.replace("&page=",""):m),[m]),b=r-1,f=e=>{e<=r&&e>0&&(p(e),i(e))},w=e=>{s&&s(e)};return n((()=>{p(o)}),[o]),e.createElement(v,{className:a,style:c},e.createElement(E,{className:"prev-page",onClick:()=>f(u-1),"data-last-page":1===u||void 0},h?e.createElement("a",{href:j(h,u,d),onClick:w},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),g.length>8?e.createElement(Ya,{pagesAmount:r,activePage:u,handlePageChange:f,handleClick:w,href:h,queryPageName:d}):g.map((t=>e.createElement(y,{key:`pagination+${t}`,"data-page-active":t===u||void 0,onClick:()=>f(t)},h?e.createElement("a",{href:j(h,t,d),onClick:w},t):t))),e.createElement(E,{className:"next-page",onClick:()=>f(u+1),"data-last-page":u===b+1||void 0},h?e.createElement("a",{href:j(h,u,d),onClick:w},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},Qa=({size:t,children:a,style:l,className:n})=>e.createElement(b,{style:l,className:n,"data-shadow-size":t},a),Ja=({type:t,children:a,style:l,isInline:n,isSquared:r=!1,className:o,isLight:s,hasMorePadding:c,isLink:m,isSelected:d,textProps:g={size:"sm"}})=>{const u=g.color?{"--text-props-color":g.color}:{};return e.createElement(f,{"data-is-squared":r||void 0,"data-tag-type":t,"data-is-light":s||void 0,"data-has-more-padding":c||void 0,"data-is-inline":n||void 0,style:Object.assign(Object.assign({},l),u),className:o,"data-is-selected":d||void 0,"data-is-link":m||void 0,tagType:t,isInline:n,tagHasMorePadding:c,tagIsLight:s,tagIsSquared:r,tagIsALink:m},e.createElement(i,Object.assign({},g),a))},el=({className:t,id:a,onChange:l,checked:n,style:r,label:o})=>e.createElement(w,{className:t,style:r},e.createElement("input",{type:"checkbox",id:a,onChange:l,checked:n}),e.createElement("label",{htmlFor:a},e.createElement(C,null),o&&e.createElement(k,null,o))),tl=({size:t,isDisabled:a,className:l,link:n,style:r})=>e.createElement(N,{className:l,"data-size":t,style:r,"data-disabled":a||void 0},n),al=({type:t,withIcon:a,onFileSelected:l,inputId:n,withElement:r,fileAcceptType:o,multiple:i,value:s,className:c})=>{const m=()=>{var e;null===(e=document.querySelector("#uploader-input-"+n))||void 0===e||e.click()};return e.createElement(L,{className:c},"badge"===t?e.createElement(x,{onClick:m,"data-is-attached-to-element":!!r},r,e.createElement(B,{"data-is-attached-to-element":!!r},a)):r?e.createElement("div",{onClick:m},r):e.createElement(A,{size:"md",color:"secondary",className:"default-button",icon:a,onClick:m},e.createElement(D,null,e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),e.createElement("input",{id:"uploader-input-"+n,accept:o,multiple:i,type:"file",style:{display:"none"},onChange:e=>{l(e.target.files)},value:s}))},ll=({label:t,name:a,checked:l,className:n,isDisabled:r,onChange:o,value:i,isRectangle:s,inputDataTestId:c,siteType:m})=>e.createElement(_,{className:n,"data-disabled":r||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":m},e.createElement("input",{type:"checkbox",checked:l,name:a,onChange:()=>o(i,!l),disabled:r,value:i,id:`${a}-${i}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${i}`},t)),nl=t=>e.createElement("svg",Object.assign({},t,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"})),rl=t=>e.createElement("svg",Object.assign({},t,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"})),ol=t=>{const a=P();return e.createElement("svg",Object.assign({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),e.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},e.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),e.createElement("g",{mask:`url(#${a})`},e.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},il=({gap:a=2,size:l=24,star:n,totalStars:r=5,onSelect:o,hideEmptyStars:i,style:s,className:c})=>{const m=Math.floor(n),d=n-m>=.5?1:0,[g,u]=t(null),p=g||m,h=g?0:d;return e.createElement(M,{"data-selectable":!!o,style:Object.assign({"--gap":a,"--star-size":l},s),className:c},Array.from({length:i?m+d:r}).map(((t,a)=>{const l=()=>!!o&&u(a+1),n=()=>!!o&&u(null);return a+1<=p?e.createElement(rl,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:l,onMouseLeave:n}):a+1===p+h?e.createElement(ol,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:l,onMouseLeave:n}):e.createElement(nl,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:l,onMouseLeave:n})})))},sl=({percent:t,style:a})=>e.createElement(S,{style:Object.assign({"--progress":t},a)});var cl="PiqKaXk",ml="HgbW6-m",dl="_6lkfLYy",gl="j7c-onH";const ul=({avatarImg:t,authorName:a,authorLink:l,uploadTime:n,size:r})=>e.createElement("div",{className:gl},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":r},t),e.createElement("div",{className:"poster","data-is-disabled-url":!l},e.createElement(i,{size:"lg"===r?"p3":"p4"},e.createElement("a",{href:l},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,n))))),pl=({isMobile:t,avatarImg:a,name:l,link:n,size:r="lg",specialty:o})=>e.createElement("div",{className:gl},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":r},a),e.createElement("div",{className:"expert","data-is-disabled-url":!n},t?e.createElement("a",{href:n},"lg"===r?e.createElement(e.Fragment,null,e.createElement(I,{tag:"h6",className:"expert__name",color:F.colors.gray600},l),e.createElement(i,{color:F.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement(I,{tag:"h6",className:"expert__name",color:F.colors.gray600},l))):e.createElement("a",{href:n},"lg"===r?e.createElement(e.Fragment,null,e.createElement(I,{tag:"h6",className:"expert__name",color:F.colors.gray600},l),e.createElement(i,{color:F.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement("h6",{color:F.colors.gray600,className:`${cl} expert__name`},l),e.createElement(i,{color:F.colors.gray500,size:"p4",className:"specialty"},o)))))),hl=({articleLink:t,authorLink:a,authorName:l,avatarImg:n,banner:r,categoryLink:o,categoryName:s,className:c,dataEventActionForBanner:m,dataEventActionForBookmark:d,dataEventActionForCategory:g,dataEventActionForTitle:u,dataEventCategoryForBanner:p,dataEventCategoryForBookmark:h,dataEventCategoryForCategory:v,dataEventCategoryForTitle:E,dataEventLabelForBanner:y,dataEventLabelForBookmark:b,dataEventLabelForCategory:f,dataEventLabelForTitle:w,direction:C="horizontal",hasAffiliate:k,isBookmark:N=!1,isBookmarkDisplayed:L=!0,isMobile:x=!0,onBookmark:B,onClickCategoryName:D,section:_="normal",size:M="md",specialty:S,style:z,styleBanner:j,styleLabel:A,styleTitle:P,text:F,title:W,type:G="author",uploadTime:R,articleLinkTarget:V,isPremium:U})=>{const Z=e=>{e.stopPropagation(),null==B||B()},q="lg"===M&&"expert"===G?"h4":"lg"===M&&"home"===_?x?"h4":"h3":"lg"===M?"h4":"h5",K="lg"===M?"p3":"p4",Y=x||"home"!==_||"lg"!==M||"author"!==G?"c2":"c1";return e.createElement("article",{className:`${dl} ${c||""}`,"data-size":M,style:z,"data-direction":C,"data-is-expert":"expert"===G||void 0},e.createElement("div",{className:"banner",style:j},e.createElement("a",{className:ml,"data-event-category":p,"data-event-action":m,"data-event-label":y,href:t||"#",target:V},r),U&&e.createElement("img",{loading:"lazy",className:"premium",src:T.getAssetPath("premium-crown.svg")}),k&&e.createElement($,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(i,{style:A,className:"label",size:Y,type:"caption"},e.createElement("a",{className:ml,"data-event-category":v,"data-event-action":g,"data-event-label":f,href:o||"#",onClick:D},s),L&&e.createElement("a",{className:"bookmark",onClick:Z},N?e.createElement(H,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:b}):e.createElement(O,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:b}))),e.createElement(I,{tag:q,style:P,className:"title",as:"lg"===M?"h2":"h3"},e.createElement("a",{className:ml,"data-event-category":E,"data-event-action":u,"data-event-label":w,href:t||"#",target:V},W)),F&&e.createElement("a",{href:t||"#",target:V},e.createElement(i,{size:K,className:"text"},F))),e.createElement("div",{className:"footer"},"author"===G?e.createElement(ul,{size:M,avatarImg:n,authorName:l,authorLink:a,uploadTime:R,handleClick:Z,isBookmarked:N,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:b}):e.createElement(pl,{size:M,isMobile:x,avatarImg:n,specialty:S,name:l,link:a,handleClick:Z,isBookmarked:N,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:b}))))},vl=({imgBanner:t,label:a,className:l,style:n,href:r="",dataEventCategory:o,dataEventAction:s,dataEventLabel:c})=>e.createElement(W,{"data-event-category":o,"data-event-action":s,"data-event-label":c,className:l,style:n,href:r,onClick:e=>{""===r&&e.preventDefault()}},e.createElement("div",{className:"banner"},t),e.createElement("div",{className:"content"},e.createElement(i,{className:"category_name",size:"sm",type:"bold"},a))),El=({name:t,values:a=[],onChanges:l,options:n=[],className:r,type:o="vertical",isDisabled:i,isRectangle:s})=>{const c=(e,t)=>{const n=a.slice();if(t)n.push(e);else{const t=n.findIndex((t=>t===e));n.splice(t,1)}l&&l(n)};return e.createElement(G,{className:r,"data-type":o,"data-is-rectangle":s||void 0},n.map(((l,n)=>e.createElement(ll,{label:l.label,name:t,key:`${n}-${l.value}`,checked:a.includes(l.value),value:l.value,isDisabled:i||l.disabled,onChange:!i&&c,isRectangle:s}))))},yl=({size:t,iconPosition:a,className:l,children:n,icon:r})=>e.createElement(R,{className:l,"data-size":t,"data-icon-position":a},"left"===a&&r,n,"right"===a&&r),bl=({type:a,numberOfStep:l,activeStep:r,labelPrefix:i,detailSteps:s,className:c,onChange:m})=>{const[d,g]=t(0),u=t=>{var{trackClassName:a}=t,l=qt(t,["trackClassName"]);return e.createElement(q,Object.assign({},l,{className:a}),e.createElement(K,null))},p=e.createElement(V,{className:c+" progress-bar"},e.createElement(u,null),e.createElement((({trackLength:t,activeStep:a,labelPrefix:n="Step",onChange:r})=>e.createElement(e.Fragment,null,Array.from({length:l},((e,t)=>t)).map(((o,i)=>e.createElement(Y,{"data-is-active":i===a,"data-label":i,style:{left:i*t/(l-1)},onClick:()=>{r&&r(i)},key:i},i+1,e.createElement(X,{"data-step-passed":i<=a},n+" "+(i+1))))))),{trackLength:d,activeStep:r,labelPrefix:i,onChange:m})),h=e.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},e.createElement("title",null,"chevron-right"),e.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),v=e.createElement(U,null,s&&Array.from({length:s.length},((e,t)=>t)).map(((t,a)=>{var l;return e.createElement(Z,{key:a,"data-selected":a===r,onClick:()=>{m&&m(a)}},null===(l=s[a])||void 0===l?void 0:l.text," ",a<s.length-1&&h)}))),E=e.createElement(V,{className:c+" progress-bar"},e.createElement((({detailSteps:t,activeStep:a,onChange:l})=>e.createElement(e.Fragment,null,Array.from({length:t.length},((e,t)=>t)).map(((n,r)=>e.createElement(Q,{key:r,style:{left:100/t.length*r+"%",width:100/t.length+"%"},onClick:()=>{l&&l(r)}},t[r].icon?e.createElement(J,{onClick:()=>{l&&l(r)}},t[r].icon):e.createElement(ee,{"data-is-active":r===a,"data-label":n,onClick:()=>{l&&l(r)},key:r},r+1),e.createElement(te,{"data-step-passed":r<a+1},t[r].text,e.createElement(ae,null,t[r].description)),r<t.length-1&&e.createElement(u,{"data-step-passed":r<a,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:r,detailSteps:s,onChange:m})),y=o(Yt((()=>{const e=document.querySelector(".progress-bar");e&&g(e.offsetWidth)}),1e3),[]);return n((()=>{const e=document.querySelector(".progress-bar");return g(null==e?void 0:e.offsetWidth),window.addEventListener("resize",y,{passive:!0}),()=>{window.removeEventListener("resize",y)}}),[]),"step-track"===a&&p||"breadcrumb"===a&&v||"detail-track"===a&&E};var fl=Object.freeze({__proto__:null,SideMenu:le,SideHeader:ne,UserInfo:re,MenuLink:oe});const wl=({status:t})=>"inActive"===t?e.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===t?e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),e.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===t?e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),e.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):e.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})),Cl=({row:l=2,column:r=3,isDotsShown:o=!0,isImageGalleryShown:i=!1,mode:s="infinity",type:c="separated",distanceOverlappedLeft:m={amount:0,unit:"pixel"},children:d,className:g,isProgressShown:u=!1,statusChildren:p,isArrowShown:h=!1,classNameLeftArrow:v,classNameRightArrow:E,dataEventCategory:y,dataEventAction:b,dataEventLabel:f,onChangePage:w,page:C,customPageWidth:k,scheme:N="hellosites",arrowType:L="Discover"})=>{const x="number"==typeof C,[B,D]=t(x?C:0),_=[];e.Children.map(d,((t,a)=>{a%(l*r)==0&&_.push([]),_[_.length-1].push(e.cloneElement(t))}));const M=a(),S=a(0),z=e=>{if(!M.current)return;const{clientWidth:t}=M.current,a=k||t,l="intertwined"===c?"percentage"===m.unit?e*a+m.amount/100*a*e:e*a+m.amount*a*e:e*a;M.current.scrollTo({top:0,left:l,behavior:"smooth"}),S.current=e,D(e),w&&w(e)};n((()=>{"number"==typeof C&&(e=>{if(!M.current)return;const{clientWidth:t}=M.current,a=k||t,l="intertwined"===c?"percentage"===m.unit?e*a+m.amount/100*a*e:e*a+m.amount*a*e:e*a;M.current.scrollTo({top:0,left:l,behavior:"smooth"}),S.current=e,D(e)})(C)}),[C]);const j=e=>{if(!M.current)return;const{clientWidth:t}=M.current,a=k||t;let l;l=0===B?0:B*a,"forward"===e&&(l===a*(_.length-1)?(D(_.length-1),l=a*(_.length-1),w&&w(_.length-1)):(D(B+1),l+=a,w&&w(B+1)),M.current.scrollTo({top:0,left:l,behavior:"smooth"})),"back"===e&&(0===l?(D(0),w&&w(0),l=0):(D(B-1),w&&w(B-1),l-=a),M.current.scrollTo({top:0,left:l,behavior:"smooth"}))},A=Yt((()=>{if("infinity"===s){if(!M.current)return;const{clientWidth:e,scrollLeft:t}=M.current,a=k||e,l=Math.floor(t/a);D(l),w&&w(l)}}),400);return n((()=>{if("snapped"===s){let e,t,a,l,n,r,o=!1;const i=M.current,s=(r,s)=>{o=!0,a=!1,l=!1,e=r-i.offsetLeft,t=s-i.offsetTop,n=i.scrollLeft},d=e=>{s(e.pageX,e.pageY)},g=e=>{s(e.touches[0].pageX,e.touches[0].pageY)},u=()=>{if(o=!1,a=!1,l=!1,!M.current)return;const{clientWidth:e}=M.current,t=k||e,n="ltr"===r?0!==S.current?S.current-1:S.current:"rtl"===r&&S.current<_.length-1?S.current+1:S.current,i="intertwined"===c?"percentage"===m.unit?n*t+m.amount/100*t*n:n*t+m.amount*t*n:n*t;M.current.scrollTo({top:0,left:i,behavior:"smooth"}),r="none",S.current!==n&&(S.current=n,D(n),w&&w(n))},p=(s,c)=>{if(!o)return;const m=s-i.offsetLeft,d=c-i.offsetTop,g=m-e,u=d-t;a||l||!(u>20||u<-20)||(a=!0),!a&&(g>20||g<-20)&&(l=!0,i.scrollLeft=n-g,g>0&&(r="ltr"),g<0&&(r="rtl"),0===g&&(r="none"))},h=e=>{l&&e.preventDefault(),p(e.pageX,e.pageY)},v=e=>{l&&e.preventDefault(),p(e.touches[0].pageX,e.touches[0].pageY)};return null==i||i.addEventListener("mousedown",d,{passive:!0}),null==i||i.addEventListener("touchstart",g,{passive:!0}),window.addEventListener("mouseup",u,{passive:!0}),window.addEventListener("touchend",u,{passive:!0}),null==i||i.addEventListener("mousemove",h,{passive:!0}),null==i||i.addEventListener("touchmove",v,{passive:!0}),()=>{null==i||i.removeEventListener("mousedown",d),null==i||i.removeEventListener("touchstart",g),window.removeEventListener("mouseup",u),window.removeEventListener("touchend",u),null==i||i.removeEventListener("mousemove",h),null==i||i.removeEventListener("touchmove",v)}}}),[]),e.createElement(ie,{className:g,"data-row":l,onScroll:A},h&&B>0&&e.createElement("div",{className:`${v} arrow-left`,onClick:()=>j("back"),"data-event-category":y,"data-event-action":b,"data-event-label":f},"Care"===L?e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},e.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},e.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),e.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),e.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-2",dy:"2"}),e.createElement("feGaussianBlur",{stdDeviation:"2.5"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-1",dy:"1"}),e.createElement("feGaussianBlur",{stdDeviation:"1"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),e.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),e.createElement("div",{ref:M,className:"container",style:{overflowX:"snapped"===s||h?"hidden":"scroll"}},_.map(((t,a)=>{let n=0;for(let e=0;e<a;e++)n+=_[e].length;return e.createElement("div",{key:a,className:"section",style:{marginLeft:"intertwined"===c&&0!==a?m.amount+""+("percentage"===m.unit?"%":"px"):"0px"}},1===l&&u&&e.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${r}, 1fr)`}},t.map(((l,r)=>{const o=n+r,i=p.find((e=>e.index===o));return e.createElement("div",{className:"items-progress",key:r},0===r&&0===a?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}),e.createElement("div",{className:"icon-status"},e.createElement(wl,{status:null==i?void 0:i.status})),a===_.length-1&&r===t.length-1?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}))}))),e.createElement("div",{className:"grid-layout","data-index":a,style:{gridTemplateColumns:`repeat(${r}, 1fr)`,gridTemplateRows:`repeat(${l}, 1fr)`}},t.map(((t,a)=>e.createElement(e.Fragment,{key:a},e.createElement("div",{className:"item-grid",key:a},t))))))}))),h&&B<_.length-1&&e.createElement("div",{className:`${E} arrow-right`,onClick:()=>j("forward"),"data-event-category":y,"data-event-action":b,"data-event-label":f}," ","Care"===L?e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},e.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},e.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),e.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),e.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-2",dy:"2"}),e.createElement("feGaussianBlur",{stdDeviation:"2.5"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-1",dy:"1"}),e.createElement("feGaussianBlur",{stdDeviation:"1"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),e.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o&&e.createElement("ul",{className:"bullet-nav"},_.map(((t,a)=>e.createElement("li",{key:a,className:"bullet-nav__item "},e.createElement("p",{onClick:()=>z(a),className:`bullet-nav__link scroll ${B==a?"active":null}`,"data-scheme":N}))))),i&&e.createElement("div",{className:"image-gallery-wrapper","data-test":_.length},_.slice(0,3).map(((t,a)=>e.createElement("div",{className:`image-block ${B==a?"active":null}`,key:a,onClick:()=>z(a),"data-scheme":N},t)))))},kl=({isDisabled:t,isLeft:a,onClick:l,className:n,scheme:r="hellosites"})=>e.createElement(me,{onClick:l,"data-is-disabled":t,"data-is-left":a,className:n},e.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a?e.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===r?"#595959":"#E55C8A"}):e.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===r?"#595959":"#E55C8A"}))),Nl=({row:a,column:l,children:n,scheme:r="hellosites",classNameLeftArrow:o="",classNameRightArrow:i="",mode:s="snap",isDotsShown:c=!0,isArrowShown:m=!1,dataEventCategory:d,dataEventAction:g,dataEventLabel:u,onChangePage:p})=>{const[h,v]=e.useState(0),[E,y]=t(!1),[b,f]=Xt({defaultAnimation:{duration:1e3},initial:0,slideChanged(e){v(e.track.details.rel),p&&p(e.track.details.rel)},created(){y(!0)},drag:!0,mode:s,slides:{spacing:12}}),w=[],C=a*l;for(let e=0;e<n.length;e+=C){const t=n.slice(e,e+C);w.push(t)}return e.createElement(se,{row:a,column:l},e.createElement("div",{className:"navigation-wrapper"},e.createElement("div",{ref:b,className:"keen-slider slides-wrapper"},w.map(((t,a)=>e.createElement("div",{key:a,className:"keen-slider__slide page-items"},t.map(((t,a)=>e.createElement("div",{key:a},t))))))),E&&f.current&&m&&e.createElement(e.Fragment,null,e.createElement(kl,{isLeft:!0,onClick:e=>{var t;return e.stopPropagation()||(null===(t=f.current)||void 0===t?void 0:t.prev())},isDisabled:0===h,scheme:r,className:`left-arrow ${o}`,"data-event-category":d,"data-event-action":g,"data-event-label":u}),e.createElement(kl,{isLeft:!1,onClick:e=>{var t;return e.stopPropagation()||(null===(t=f.current)||void 0===t?void 0:t.next())},isDisabled:h===f.current.track.details.slides.length-1,scheme:r,className:`right-arrow ${i}`,"data-event-category":d,"data-event-action":g,"data-event-label":u}))),E&&f.current&&c&&e.createElement("div",{className:"dots"},[...Array(f.current.track.details.slides.length)].map(((t,a)=>e.createElement(ce,{key:a,onClick:()=>{var e;null===(e=f.current)||void 0===e||e.moveToIdx(a)},"data-is-active":h===a,"data-is-hellosites":"hellosites"===r})))))},Ll=({type:t,description:a,value:l,withIcon:n,isInACard:r,cardColor:o,className:i})=>e.createElement(de,{className:i,"data-size":t,"data-is-in-card":"big"===t&&r,"data-card-color":o},e.createElement(ge,null,"small"===t&&e.createElement(ue,{"data-color":o}),a),e.createElement(pe,{"data-size":t},"small"!==t&&n,l));var xl=Object.freeze({__proto__:null,Table:he,Cell:ve,Head:Ee,Row:ye,Body:be});const Bl=({thankyou:t,thankyouSubtitle:a,className:l,style:n})=>e.createElement(fe,{className:l,style:n},e.createElement("div",{className:"survey-inner-wrapper"},e.createElement(we,null,e.createElement("div",{className:"survey-thankyou-wrapper-inner"},e.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},e.createElement("path",{d:"M61.5 122C94.6371 122 121.5 95.1371 121.5 62C121.5 28.8629 94.6371 2 61.5 2C28.3629 2 1.5 28.8629 1.5 62C1.5 95.1371 28.3629 122 61.5 122Z",fill:F.colors.primary50}),e.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),e.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),e.createElement("path",{d:"M74.4004 15.0005H39.863C36.9017 15.0005 34.5 17.4022 34.5 20.3635V72.5769C34.5 75.5383 36.9017 77.9399 39.863 77.9399H83.1357C86.097 77.9399 88.4987 75.5383 88.4987 72.5769V29.0988L88.4987 21.0005C88.4987 17.6868 85.8124 15.0005 82.4987 15.0005H74.4004Z",fill:"white"}),e.createElement("path",{d:"M88.8529 80.1077H34.1469C31.8699 80.1077 30.06 78.3036 30.06 76.0338V65.3837C30.06 63.1139 31.8699 61.3098 34.1469 61.3098H88.8529C91.1299 61.3098 92.9398 63.1139 92.9398 65.3837V76.0338C92.9398 78.3036 91.1299 80.1077 88.8529 80.1077Z",fill:"#E4E8EC"}),e.createElement("path",{d:"M90.838 85.4512H32.1618C29.8849 85.4512 28.075 83.6471 28.075 81.3774V70.7272C28.075 68.4575 29.8849 66.6533 32.1618 66.6533H90.7796C93.0566 66.6533 94.8665 68.4575 94.8665 70.7272V81.3774C94.9249 83.6471 93.0566 85.4512 90.838 85.4512Z",fill:"white"}),e.createElement("path",{d:"M103.748 75.4919V105.755C103.748 107.675 102.172 109.247 100.245 109.247H23.0031C21.0764 109.247 19.5 107.675 19.5 105.755V75.4919C19.5 73.5713 21.0764 72 23.0031 72H42.3866C44.3133 72 45.8897 73.5713 45.8897 75.4919V80.8461C45.8897 81.1952 46.1232 81.428 46.4735 81.428H76.7749C77.1253 81.428 77.3588 81.1952 77.3588 80.8461V75.4919C77.3588 73.5713 78.9352 72 80.8618 72H100.245C102.172 72 103.748 73.5713 103.748 75.4919Z",fill:"#45A4FF"}),e.createElement("path",{d:"M51.9541 91.3767V94.4612C51.9541 96.0907 53.2386 97.3711 54.8733 97.3711H67.7179C69.3526 97.3711 70.6371 96.0907 70.6371 94.4612V91.3767",stroke:"#2C74DF",strokeWidth:"3",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M120.5 38.0251C118.5 37.7793 117.25 39.3768 118.125 41.22L118.375 41.9573C119.125 43.8006 118 45.398 116 45.1523L115.25 45.0294C113.25 44.7836 112 46.3811 112.875 48.2244L113.25 48.9616C114 50.8049 112.875 52.4025 110.875 52.1567L110.125 52.0337C108.625 51.9109 107.5 52.7712 107.5 54",stroke:"#FE921D",strokeWidth:"1.9096",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M1.53299 62C1.2644 63.413 2.6745 64.337 4.35323 63.8478L5.02472 63.6304C6.70346 63.087 8.11356 64.0109 7.84496 65.4783L7.7107 66.0217C7.4421 67.4348 8.8522 68.3587 10.5309 67.8696L11.2024 67.6522C12.8812 67.1087 14.2913 68.0326 14.0227 69.5L13.8884 70.0435C13.687 71.1304 14.4256 71.8913 15.5 72",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M118 92C119.381 92 120.5 90.8807 120.5 89.5C120.5 88.1193 119.381 87 118 87C116.619 87 115.5 88.1193 115.5 89.5C115.5 90.8807 116.619 92 118 92Z",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M82.0001 3.18747L83.1875 7.53467L87.5347 6.34727L86.3473 2.00007L82.0001 3.18747Z",stroke:"#00B16A",strokeWidth:"2.1628",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M17.0001 28C18.1046 28 19 27.1045 19 25.9999C19 24.8954 18.1046 24 17.0001 24C15.8955 24 15 24.8954 15 25.9999C15 27.1045 15.8955 28 17.0001 28Z",stroke:"#FE921D",strokeWidth:"2.3278",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M61.5 26.6667C54.136 26.6667 48.1667 32.6361 48.1667 40.0001C48.1667 47.3641 54.136 53.3334 61.5 53.3334C68.864 53.3334 74.8334 47.3641 74.8334 40.0001C74.8334 32.6361 68.864 26.6667 61.5 26.6667ZM69.1094 36.9427L59.776 46.2761C59.516 46.5361 59.1747 46.6667 58.8334 46.6667C58.492 46.6667 58.1507 46.5361 57.8907 46.2761L53.8907 42.2761C53.3694 41.7547 53.3694 40.9121 53.8907 40.3907C54.412 39.8694 55.2547 39.8694 55.776 40.3907L58.8334 43.4481L67.224 35.0574C67.7454 34.5361 68.588 34.5361 69.1094 35.0574C69.6307 35.5787 69.6307 36.4214 69.1094 36.9427Z",fill:"#00CB8A"})),t&&e.createElement(I,{className:"survey-thankyou-title",tag:"h3"},t),a&&e.createElement(i,{className:"survey-thankyou-subtitle",size:"p3"},a))))),Dl=({items:a,className:l,style:r,backgroundPanelStyle:o,isOpen:i,onOpen:s,onClose:c,disableBackdropClick:m,siteType:d="hb",animationType:g="zoom",zIndex:u=300})=>{const[p,h]=t(!!i);n((()=>{h(!!i)}),[i]);const v=()=>{h(!1),c&&c()};return e.createElement(Ce,{style:r,className:l,"data-floatmenu-open":p,"data-site-type":d,"data-animation-type":g},e.createElement(ke,{className:"float-button-group__panel",style:Object.assign({zIndex:u},o),onClick:m?void 0:v}),e.createElement(Ne,{className:"float-button-group___content",style:{zIndex:u}},e.createElement(Le,null,a.map(((t,l)=>e.createElement(xe,{className:`float-item-button-${l}`,style:Object.assign(Object.assign({},"zoom"===g&&{bottom:64*(a.length-1-l),transitionDelay:Be/a.length*(p?a.length-1-l:l)+"ms"}),"slide"===g&&{bottom:64*(a.length-1-l),transitionDelay:Be/a.length*(p?l:a.length-1-l)+"ms"}),key:l,onClick:()=>{t.onClick(),t.keepMenuOnClick||h(!1)}},e.createElement(De,{style:Object.assign({},"zoom"===g&&{transitionDelay:Be/a.length*(p?a.length-1-l:l)+"ms"})},t.label),e.createElement(_e,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===g||"slide"===g)&&{transitionDelay:Be/a.length*(p?a.length-1-l:l)+"ms"})},t.icon))))),e.createElement(Me,{onClick:p?v:()=>{h(!0),s&&s()}})))},_l=({className:t,policiesUrl:a,onAcceptClick:l,translations:n={acceptButton:"Accept",policiesButton:"Our Policies"},title:r="",description:o="",theme:i="helloSites",isOpen:s=!0,useDefaultPosition:c=!0,trackingAttributes:m})=>e.createElement(Se,{className:t,"data-theme":i,"data-is-open":s,"data-default-position":c},e.createElement(ze,{"data-has-content":!!r},r),e.createElement(je,{dangerouslySetInnerHTML:{__html:o}}),e.createElement(Ae,null,e.createElement(Pe,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:l,"data-event-category":null==m?void 0:m.dataEventCategory,"data-event-action":null==m?void 0:m.dataEventAction,"data-event-label":null==m?void 0:m.dataEventLabel},n.acceptButton),e.createElement(Te,{href:a},n.policiesButton))),Ml=({SEOData:t={},locale:a="vi-VN",routerPathname:n,routerQuery:r,nextHead:o,siteType:i,seoCustom:s,userId:c,forcedCanonicalUrl:m})=>{var d,g,u,p,h,v,E,y,b,f,w,C;const{totalPages:k,currentPage:N,SEOTitle:L="",SEODescription:x="",SEOImage:B,seoType:D,SEOImageWidth:_,SEOImageHeight:M,customMetaData:S=[],isIndexable:z=!0,hasNoCanonical:j=!1}=t,A=z&&la?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:P}=process.env;let T=t.canonicalUrl||n;Object.keys(r).forEach((e=>{const t=r[e];t&&Array.isArray(t)&&(T=T.replace(`[...${e}]`,t.join("/")))}));const I=a||"en-PH",F="helloSites"===i?Jt[I]:"www.marrybaby.vn",$=T.endsWith("/")?"":"/",O=l((()=>{var l,n,r,o,i,s,c;let m="";if(t.apiMetaData&&"string"==typeof t.apiMetaData){const d=null===(l=t.apiMetaData)||void 0===l?void 0:l.match(/<title.*?>(.*)<\/title>/),g=` - Page ${N} of ${k}`,u=N&&1!==N&&d?t.apiMetaData.replace(d[0],d[0].includes("-")?d[0].replace("-",g+" - "):`<title>${d[1].concat(g)}</title>`).replace(`<link rel="canonical" href="https://${F}${T}${$}" />`,`<link rel="canonical" href="https://${F}${T}${$}?page=${N}" />`):t.apiMetaData;if(m=Ie(u,{trim:!0}),!m.find((e=>{var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}))){const l=`https://${F}/images/${a}.png`;m=[...m,e.createElement("meta",{key:"og:image",property:"og:image",content:(null===(n=t.openGraph)||void 0===n?void 0:n.image)||B||l||""}),e.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(r=t.openGraph)||void 0===r?void 0:r.image)||B||l}),e.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(o=t.openGraph)||void 0===o?void 0:o.imageWidth)&&String(null===(i=t.openGraph)||void 0===i?void 0:i.imageWidth)||_&&String(_)||"1200"}),e.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(s=t.openGraph)||void 0===s?void 0:s.imageHeight)&&String(null===(c=t.openGraph)||void 0===c?void 0:c.imageHeight)||M&&String(M)||"630"})]}}return m}),[t.apiMetaData,t.openGraph,B,M,_,N,T,k,a,F]),H=`https://${F}/images/${a}.png`;return e.createElement(o,null,e.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===i&&e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===a?e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===a||"ms-MY"===a?e.createElement(e.Fragment,null):e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),e.createElement("link",{rel:"preconnect",href:P}),e.createElement("meta",{charSet:"UTF-8"}),e.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),e.createElement("meta",{name:"google",content:"notranslate"}),e.createElement("meta",{name:"robots",content:A}),e.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),S.map(((t,a)=>e.createElement("meta",Object.assign({key:a},t)))),e.createElement("meta",{name:"theme-color",content:"helloSites"===i?"#2c87f3":"#e85388"}),e.createElement("meta",{name:"page_type",content:"Home"}),e.createElement("meta",{name:"page_platform",content:"WEB"}),e.createElement("meta",{name:"page_language",content:I}),e.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!O&&e.createElement(e.Fragment,null,"helloSites"===i?e.createElement("title",null,s?L:L+" - "+(null===(d=ea[a])||void 0===d?void 0:d.SITE_NAME)):e.createElement("title",null,L),!j&&e.createElement("link",{rel:"canonical",href:`https://${F}${T}`}),e.createElement("meta",{name:"description",content:x||(null===(g=t.openGraph)||void 0===g?void 0:g.description)}),t.schemaData&&e.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),e.createElement("meta",{property:"og:locale",content:a}),e.createElement("meta",{property:"og:type",content:D||"website"}),e.createElement("meta",{property:"og:title",content:(null===(u=t.openGraph)||void 0===u?void 0:u.title)||L}),e.createElement("meta",{property:"og:description",content:(null===(p=t.openGraph)||void 0===p?void 0:p.description)||x}),e.createElement("meta",{property:"og:url",content:`https://${F}${T}`}),e.createElement("meta",{property:"og:site_name",content:`https://${F}`}),e.createElement("meta",{property:"og:image",content:(null===(h=t.openGraph)||void 0===h?void 0:h.image)||B||H||""}),e.createElement("meta",{property:"og:image:secure_url",content:(null===(v=t.openGraph)||void 0===v?void 0:v.image)||B||H}),e.createElement("meta",{property:"og:image:width",content:(null===(E=t.openGraph)||void 0===E?void 0:E.imageWidth)&&String(null===(y=t.openGraph)||void 0===y?void 0:y.imageWidth)||_&&String(_)||"1200"}),e.createElement("meta",{property:"og:image:height",content:(null===(b=t.openGraph)||void 0===b?void 0:b.imageHeight)&&String(null===(f=t.openGraph)||void 0===f?void 0:f.imageHeight)||M&&String(M)||"630"}),e.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),e.createElement("meta",{name:"twitter:title",content:(null===(w=t.twitter)||void 0===w?void 0:w.title)||L}),e.createElement("meta",{name:"twitter:description",content:x}),e.createElement("meta",{name:"twitter:image",content:(null===(C=t.twitter)||void 0===C?void 0:C.image)||B})),("helloSites"===i?ta[I]||[]:ta.marryBaby).map(((t,a)=>"link"===t.type?e.createElement("link",{key:`favicon-${a}`,rel:t.rel,href:t.href,sizes:t.sizes}):"meta"===t.type?e.createElement("meta",{key:a,name:t.name,content:t.content}):null)),Array.isArray(O)&&m?O.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):O,m&&e.createElement("link",{rel:"canonical",href:m}),!t.hasNoAmp&&"vi-VN"!==a&&e.createElement("link",{rel:"amphtml",href:`https://${F}${T}${$}?amp=1`}),c&&"undefined"!=typeof window?e.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${c}'});`}}):null)},Sl=({locale:a,onClick:l,siteType:n,pageUrl:r})=>{const{t:o}=ra(),[s,c]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(Fe,{className:"input-form","data-is-side":!0},"marryBaby"===n?e.createElement($e,{label:o("dueDatePage.conceptionDate"),name:"date",size:"md",value:Oe(s),CustomInput:e.createElement(He,{onChange:e=>{c(e)},placeholder:"dd/mm/yyyy",pickedDate:s,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(ya,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:s&&Qt(s).format(Na)}))}),actionIcon:e.createElement(fa.CalendarMB,{size:32})}):e.createElement(ya,{label:e.createElement(i,{size:"n1",type:"bold",color:F.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.conceptionDate")),value:Oe(s),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(He,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Oe(s)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:s,displayDateFormat:ka,onChange:e=>{c(e)},placeholder:"placeholder"})})),e.createElement(A,{className:"due-date-calculate-button",size:"lg",color:"marryBaby"===n?"secondary":"primary",theme:n,dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{l(We(s),`${aa.type}=1&sd=${oa(s,Ge)}&${aa.additional}= `)},role:"button"},o("dueDatePage.lastPeriod.calculate")))},zl=({locale:a,onClick:l,siteType:n,pageUrl:r})=>{const{t:o}=ra(),[s,c]=t(new Date),[m,d]=t("3");return e.createElement(e.Fragment,null,e.createElement(Fe,{className:"input-form","data-is-side":!0},"marryBaby"===n?e.createElement($e,{label:o("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:Oe(s),CustomInput:e.createElement(He,{onChange:e=>{c(e)},placeholder:"dd/mm/yyyy",pickedDate:s,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(ya,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:s&&Qt(s).format(Na)}))}),actionIcon:e.createElement(fa.CalendarMB,{size:32})}):e.createElement(ya,{label:e.createElement(i,{size:"n1",type:"bold",color:F.colors.gray700,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.ivf.transferDate")),value:Oe(s),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(He,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Oe(s)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:s,displayDateFormat:ka,onChange:e=>{c(e)},placeholder:"placeholder"})})),e.createElement("div",{style:{width:"100%"}},e.createElement(Re,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:m,onChange:e=>d(e),options:[{value:"3",label:o("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:o("dueDatePage.ivf.transferDateRadio",{number:5})}]})),e.createElement(A,{className:"due-date-calculate-button",size:"lg",color:"marryBaby"===n?"secondary":"primary",theme:n,dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{l(Ve(s,Number(m)),`${aa.type}=2&${aa.startDate}=${oa(s,Ge)}&${aa.additional}=${m}`)},role:"button"},o("dueDatePage.lastPeriod.calculate")))},jl=({locale:a,onClick:l,siteType:n,pageUrl:r})=>{const{t:o}=ra(),[s,c]=t(28),[m,d]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(Fe,{className:"input-form","data-is-side":!0},"marryBaby"===n?e.createElement($e,{label:o("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:Oe(m),CustomInput:e.createElement(He,{onChange:e=>{d(e)},placeholder:"dd/mm/yyyy",pickedDate:m,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(ya,Object.assign({name:"birthday",size:"md"},t,{value:m&&Qt(m).format(Na)}))}),actionIcon:e.createElement(fa.CalendarMB,{size:32})}):e.createElement(ya,{className:"input-section due-date-input",label:e.createElement(i,{size:"n1",type:"bold",color:F.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.lastPeriod.lastPeriodLabel")),value:Oe(m),name:"date",size:"md",CustomInput:e.createElement(He,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Oe(m)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:m,displayDateFormat:ka,onChange:e=>{d(e)},placeholder:"placeholder"})})),e.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===n?"marryBaby":""},"marryBaby"===n?e.createElement(xa,{type:"bodytext-3",color:F.mbColors.midGray},o("dueDatePage.lastPeriod.periodLengthLabel")):e.createElement(i,{size:"n1",type:"bold",color:F.colors.gray600,style:{marginBottom:"0.5rem"}},o("dueDatePage.lastPeriod.periodLengthLabel")),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===n&&e.createElement(i,{size:"s3",type:"bold",color:F.colors.gray600},s),e.createElement(Ba,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==n,withControl:"marryBaby"!==n,onChange:c,value:s,label:"marryBaby"!==n?void 0:null}))),e.createElement(A,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,className:"due-date-calculate-button",size:"lg",color:"marryBaby"===n?"secondary":"primary",theme:n,onClick:()=>l(Ue(m,s),`${aa.type}=0&${aa.startDate}=${oa(m,Ge)}&${aa.additional}=${s}`),role:"button"},o("dueDatePage.lastPeriod.calculate")))},Al=({onSubmitDueDate:a,locale:n,isSide:r,siteType:o})=>{const{t:s}=ra(),[c,m]=t(Ze.lastPeriod),d=[{value:Ze.lastPeriod,label:s("dueDatePage.lastPeriod")},{value:Ze.conception,label:s("dueDatePage.conceptionDate")},{value:Ze.IVF,label:s("dueDatePage.ivf")}],g=l((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(qe,null,e.createElement(Ke,{className:"input-form input-section","data-is-side":!0},"marryBaby"===o?e.createElement(Ye,{groupedWithLabel:s("dueDatePage.calculationMethod"),options:d,placeholder:s("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:d[c],onChange:e=>{m(e.value)}}):e.createElement(e.Fragment,null,e.createElement(i,{size:"n1",type:"bold",color:F.colors.gray600,style:{marginBottom:"9px",flex:"1"}},s("dueDatePage.calculationMethod")),e.createElement(Xe,{"data-is-side":r},e.createElement(Qe,{options:d,placeholder:s("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:d[c],onChange:e=>{m(e.value)}})))),c===Ze.lastPeriod?e.createElement(jl,{locale:n,onClick:a,isSide:r,siteType:o,pageUrl:g}):null,c===Ze.conception?e.createElement(Sl,{locale:n,onClick:a,isSide:r,siteType:o,pageUrl:g}):null,c===Ze.IVF?e.createElement(zl,{locale:n,onClick:a,isSide:r,siteType:o,pageUrl:g}):null)},Pl=({isMobile:t,locale:a,onSubmitDueDate:l,dueDatePageInfo:n,expertUrl:r,isSide:o,siteType:s})=>{var c;const{t:m}=ra();return e.createElement(Je,{"data-is-side":o,"data-site":s},e.createElement(et,{isSide:o,bannerUrl:T.getAssetPath("embedToolBannerPink.svg"),siteType:s,bannerColor:"marryBaby"===s&&F.mbColors.mint,isEmbeded:!0,icon:e.createElement("img",{alt:"health-tool-icon",src:null==n?void 0:n.featured_image,style:"marryBaby"!==s?{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}:null}),heading:m("healthTools.dueDateCalculator"),medicalReview:(null===(c=null==n?void 0:n.reviewed_by)||void 0===c?void 0:c.display_name)?e.createElement(i,{size:"label2",color:F.colors.white,dangerouslySetInnerHTML:{__html:m("toolPage.toolReviewer",{expert_name:`<a style="text-decoration: underline" href="${r}">${null==n?void 0:n.reviewed_by.display_name}</a>`,date:null==n?void 0:n.reviewed_date})}}):void 0,isMobile:t}),e.createElement(tt,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":o},e.createElement(Al,{siteType:s,locale:a,onSubmitDueDate:l,isSide:o})))};function Tl({weight:e,height:t}){const a=t/100,l=e;return Math.round(l/(a*a)*10)/10}const Il=({value:a,onChange:r,onSubmit:o,disabled:s,bmiGenerated:c,bmiUnit:m,locale:d,isSide:g})=>{var u,p,h,v;const[E,y]=t(!1),{control:b,handleSubmit:f,setValue:w,watch:C}=Da(),k=C(),{t:N}=ra(),{gender:L=!1,age:x=!1,height:B=!1,weight:D=!1,objective:_=!0}=s||{},{getHealthToolLink:M}=Sa(d),S=l((()=>M(La.OVULATION)),[M]),z=l((()=>[{value:"male",label:N("gender.male"),content:e.createElement(fa.GenderChooseBoy,null)},{value:"female",label:N("gender.female"),content:e.createElement(fa.GenderChooseGirl,null)}]),[]),j=l((()=>[{value:"lose-weight",label:N("bmi.objective.loseWeight")},{value:"maintain-weight",label:N("bmi.objective.maintainWeight")},{value:"gain-weight",label:N("bmi.objective.gainWeight")}]),[]),A=()=>{y(!0)};return n((()=>{Object.keys(a||{}).forEach((e=>{w(e,null==a?void 0:a[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[a]),n((()=>{r&&r(k)}),[k]),e.createElement(at,null,e.createElement("form",{onSubmit:f((e=>Kt(void 0,void 0,void 0,(function*(){const t=m.heightConvert(e.height),a=m.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:a,bmi:Tl({height:t,weight:a})};_||(l.objective=e.objective),A(),o&&o(l)}))),A)},!L&&e.createElement(lt,{"data-is-side":g},e.createElement(_a,{name:"gender",control:b,defaultValue:"male",render:({field:{name:t,value:a,onChange:l},fieldState:{error:n}})=>e.createElement(nt,{size:"md",name:t,label:c.gender.label,CustomInput:e.createElement(Ma,{options:z,value:a,onChange:e=>l(e),className:"bmi--input-radio_gender "+(g?"bmi-side-embed":"")}),errorMessage:E?null==n?void 0:n.message:"",className:"bmi--input bmi--input-gender"})})),e.createElement(rt,{"data-is-side":g},!x&&e.createElement(lt,null,e.createElement(_a,{name:"age",control:b,rules:null===(u=c.age)||void 0===u?void 0:u.rule,render:({field:{name:t,value:a,onChange:l},fieldState:{error:n}})=>e.createElement(Ca.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:F.colors.gray600},c.age.label),placeholder:N("healthtool.placeholder.age"),name:t,value:a,onChange:l,error:E?null==n?void 0:n.message:"",min:0})})),!B&&e.createElement(lt,null,e.createElement(_a,{name:"height",control:b,rules:null===(p=c.height)||void 0===p?void 0:p.rule,render:({field:{name:t,value:a,onChange:l},fieldState:{error:n}})=>e.createElement(Ca.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:F.colors.gray600},c.height.label),placeholder:N("pwg.placeholder.height"),name:t,value:a,onChange:l,error:E?null==n?void 0:n.message:"",min:0})})),!D&&e.createElement(lt,null,e.createElement(_a,{name:"weight",control:b,rules:null===(h=c.weight)||void 0===h?void 0:h.rule,render:({field:{name:t,value:a,onChange:l},fieldState:{error:n}})=>e.createElement(Ca.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:F.colors.gray600},c.weight.label),placeholder:N("pwg.placeholder.weight"),name:t,value:a,onChange:l,error:E?null==n?void 0:n.message:"",precision:1,min:0})})),!_&&e.createElement(lt,null,e.createElement(_a,{name:"objective",control:b,defaultValue:"lose-weight",rules:null===(v=c.objective)||void 0===v?void 0:v.rule,render:({field:{name:t,value:a,onChange:l},fieldState:{error:n}})=>e.createElement(nt,{size:"md",name:t,label:c.objective.label,CustomInput:e.createElement(Re,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:j,value:a,onChange:l}),errorMessage:E?null==n?void 0:n.message:"",className:"bmi--input bmi--input-objective"})}))),e.createElement("div",{style:{display:"flex"}},e.createElement(ot,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${Jt[d]}/${S}`},N("bmi.submit")))))},Fl=({isMobile:t,onSubmit:a,bmiContent:l,isSide:n,bmiGenerated:r,bmiUnit:o,bmiLink:s,locale:c})=>{var m,d,g;const{t:u}=ra();return e.createElement(Je,{"data-is-side":n},e.createElement(et,{isSide:n,bannerUrl:T.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:u("bmi.heading"),medicalReview:(null===(m=null==l?void 0:l.reviewBy)||void 0===m?void 0:m.reviewer)?e.createElement(i,{size:"n1",color:F.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:u("toolPage.toolReviewer",{expert_name:`<a\n                            style="color: white"\n                            href="${(null===(d=null==l?void 0:l.reviewBy)||void 0===d?void 0:d.link)||"#"}"\n                          >\n                            ${l.reviewBy.reviewer}\n                          </a>`,date:null===(g=null==l?void 0:l.reviewBy)||void 0===g?void 0:g.date})}}),e.createElement("span",null)):void 0,isMobile:t}),e.createElement(ba,null,e.createElement(tt,{as:"div","data-is-side":n},s&&e.createElement(Il,{onSubmit:a,bmiGenerated:r,locale:c,bmiUnit:o,isSide:n}))))},$l=({isMobile:t,className:a,onSubmit:l,onError:n,schema:r,babyGrowthContent:o,siteType:s})=>{var c;const{t:m}=ra();return e.createElement(Je,{"babyGrowthContent-is-mobile":t,"data-site":s},e.createElement(et,{siteType:s,bannerUrl:T.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:T.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===s&&F.mbColors.mint,isEmbeded:!0,icon:e.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==o?void 0:o.featuredImage)||"",style:{maxWidth:"100%"}}),heading:(null==o?void 0:o.title)||"",medicalReview:(null===(c=null==o?void 0:o.reviewBy)||void 0===c?void 0:c.reviewer)?e.createElement(i,{size:"label2",color:F.colors.white,className:"embedded-review",dangerouslySetInnerHTML:{__html:m("toolPage.toolReviewer",{expert_name:`<a style="color: white" href="${o.reviewBy.link||"#"}">${o.reviewBy.reviewer.trim()}</a>`,date:o.reviewBy.date})}}):void 0,isMobile:t}),e.createElement(it,{"data-theme":s},e.createElement(st,{siteType:s,schema:r,className:a,onSubmit:l,onError:n})))},Ol=({babyPoopPage:t,onClickFindOut:a,locale:l,isMobile:n,currentUrl:r,isSide:o})=>{const{t:s}=ra(),{reviewedBy:c,reviewedDate:m}=t;return e.createElement(ct,null,e.createElement(wa,{className:"px-16",style:{height:"100%",display:""+(n?"flex":""),flexDirection:"column"}},n&&e.createElement(mt,{src:T.getAssetPath("babyDiaper.png"),alt:t.title}),e.createElement(dt,{"data-is-side":o},e.createElement(gt,{"data-is-side":o},e.createElement(I,{tag:"h2",color:"#284A75"},t.title),e.createElement(i,{size:"p3",className:"description"},t.description),!!c&&e.createElement(ut,{className:"reviewer"},e.createElement("img",{src:T.getAssetPath("reviewerCheck.svg"),alt:"check",className:"check-icon"}),e.createElement(i,{size:"p4",color:F.colors.gray600},s("categoryPage.info.reviewed")," ",e.createElement("a",{href:c.profileUrl},c.displayName)," ",s("categoryPage.onDate",{date:m}))),e.createElement(A,{color:"primary",size:"md",className:"mt-16 find-out-button",onClick:a,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:r,style:{visibility:Boolean(a)?"visible":"hidden"}},s("babyPoop.findOut"))),!n&&e.createElement(mt,{src:T.getAssetPath("babyDiaper.png"),alt:t.title,"data-is-vietnam":l===na.Vietnam,className:"banner-img"}))))},Hl=({value:a,options:l,className:n,direction:r="horizontal",onChange:o,isDisabled:s})=>{const[c,m]=t(a);return e.createElement(pt,{className:n,"data-direction":r},l.map(((t,l)=>e.createElement(ht,{"data-selected":(a||c)===t.value,"data-disabled":s,key:`health-tool${l}`,onClick:()=>{var e;e=t.value,s||(m(e),o&&o(e))}},e.createElement("div",null,e.createElement("img",{src:(a||c)===t.value?t.imageActive:t.image,className:"gender-image",alt:""}),t.label&&e.createElement(i,{type:"bold",className:"radio-group-item-heading",size:"label1"},t.label))))))},Wl=({info:a,className:l,style:r,onChange:o,errorMessage:s={},locale:c})=>{const{t:m}=ra(),[d,g]=t(new Date),[u,p]=t({age:!1,rate:!1});return n((()=>{p({age:!1,rate:!1})}),[s]),e.createElement(vt,{style:r,className:l},e.createElement(ya,{className:"input-section due-date-input",label:e.createElement(i,{size:"n1",type:"bold",color:F.colors.gray600,style:{marginBottom:"9px",flex:"1"}},m("targetHeartRate.ageInput")),value:Oe(d),name:"date",size:"md",CustomInput:e.createElement(He,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Oe(d)})),disabledDays:{after:new Date(ia(new Date,0))},locale:c,pickedDate:d,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{g(e),p((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:oa(new Date(e),Ge)});o&&o(t)})(e)},placeholder:"placeholder"}),errorMessage:u.age?"":s.age}))},Gl=({isSide:a,locale:r,thrContent:o,isMobile:s,info:c,inputErrorMessage:m,onFormChange:d,onSubmit:g})=>{var u,p,h;const{t:v}=ra(),{getHealthToolLink:E}=Sa(r),y=l((()=>E(La.THR)),[E]),[b,f]=t(!1),[w,C]=t("low_intensity"),[k,N]=t("male"),[L,x]=t(60),[B,D]=t({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),_=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],M=[{value:"low_intensity",label:v("targetHeartRate.lowIntensity.title"),image:T.getAssetPath("/low.svg"),imageActive:T.getAssetPath("/low-active.svg"),content:v("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:v("targetHeartRate.moderateIntensity.title"),image:T.getAssetPath("/moderate.svg"),imageActive:T.getAssetPath("/moderate-active.svg"),content:v("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:v("targetHeartRate.aerobicZone.title"),image:T.getAssetPath("/aerobic.svg"),imageActive:T.getAssetPath("/aerobic-active.svg"),content:v("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:v("targetHeartRate.vigorousIntensity.title"),image:T.getAssetPath("/vigorous.svg"),imageActive:T.getAssetPath("/vigorous-active.svg"),content:v("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:v("targetHeartRate.maximumIntensity.title"),image:T.getAssetPath("/maximum.svg"),imageActive:T.getAssetPath("/maximum-active.svg"),content:v("targetHeartRate.maximumIntensity.note")}],S=l((()=>[{value:"male",label:v("gender.male"),content:e.createElement(fa.GenderChooseBoy,null)},{value:"female",label:v("gender.female"),content:e.createElement(fa.GenderChooseGirl,null)}]),[]);return n((()=>{const e=((new Date).getTime()-new Date(null==c?void 0:c.age).getTime())/1e3;f(e>=567648e3);const t=_.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||_[0];D(t),x(60)}),[null==c?void 0:c.age]),e.createElement(Je,{"data-is-side":a},e.createElement(et,{isSide:a,bannerUrl:T.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==o?void 0:o.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:v("targetHearRate.heading"),medicalReview:(null===(u=null==o?void 0:o.reviewedBy)||void 0===u?void 0:u.display_name)?e.createElement(i,{size:"n1",color:F.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:v("toolPage.toolReviewer",{expert_name:`<a\n                      style="color: white"\n                      href="${ja(null==o?void 0:o.reviewedBy)}"\n                    >\n                      ${null===(p=null==o?void 0:o.reviewedBy)||void 0===p?void 0:p.display_name}\n                    </a>`,date:null==o?void 0:o.reviewedDate})}}),e.createElement("span",null)):void 0,isMobile:s}),e.createElement(ba,null,e.createElement(tt,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":a},e.createElement(Et,{"data-is-side":a},e.createElement(yt,null,e.createElement(bt,{size:"md",name:"gender",label:v("bmi.selectGender"),CustomInput:e.createElement(Ma,{options:S,value:k,onChange:e=>{N(e),x(60)},className:"bmi--input-radio_gender"}),className:"bmi--input bmi--input-gender"}))),e.createElement(Et,null,e.createElement(Wl,{info:c,locale:r,errorMessage:m,onChange:d})),e.createElement("div",{className:"slider-heart-rate"},e.createElement(za,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:F.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},v("targetHeartRate.heartRateInput")),e.createElement("div",{className:"slider-outer-wrapper"},e.createElement(Ba,{containerStyle:{flex:1},min:"male"===k?B.rangeMale:B.rangeFemale,max:200,step:1,value:L,withControl:!0,onChange:x}))),b&&e.createElement(yt,null,e.createElement(ft,null,e.createElement(za,{size:"label2",style:{display:"inline-block",fontWeight:"bold",color:F.colors.gray600,marginBottom:"9px"},htmlFor:"gender-selector"},v("targetHeartRate.selectActive")),e.createElement("div",{className:"card"},e.createElement(Hl,{options:M.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:w,onChange:e=>{C(e)},className:"gender-selector"})),w&&e.createElement("div",{className:"note"},e.createElement("img",{style:{height:"16px",width:"16px"},src:T.getAssetPath("/infoIcon.svg"),alt:""}),e.createElement(i,{size:"n1",color:"#595959"},null===(h=M[M.findIndex((e=>e.value==w))||0])||void 0===h?void 0:h.content)),!w&&e.createElement("span",{style:{color:"#e64728"}},m.intensity)))),e.createElement("div",{style:{display:"flex"}},e.createElement(wt,{size:"lg",onClick:()=>{g(k,w,[L])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${Jt[r]}/${y}`},v("bmi.submit")))))},Rl=({info:a,className:r,style:o,onChange:s,errorMessage:c={},locale:m,onClick:d,isSide:g})=>{const{t:u}=ra(),[p,h]=t({age:!1,height:!1,weight:!1}),{getHealthToolLink:v}=Sa(m),E=l((()=>v(La.OVULATION)),[v]),[y,b]=t("male"),f=l((()=>[{value:"male",label:u("gender.male"),content:e.createElement(fa.GenderChooseBoy,null)},{value:"female",label:u("gender.female"),content:e.createElement(fa.GenderChooseGirl,null)}]),[]),w=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},C=e=>{var t,l;l=e=>{h((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:e});s&&s(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||l(t)};return n((()=>{s&&s(Object.assign(Object.assign({},a),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),n((()=>{h({age:!1,height:!1,weight:!1})}),[c]),e.createElement(Ct,{style:o,className:r},e.createElement(kt,{"data-is-side":g},e.createElement(Nt,{size:"md",name:"gender",label:u("bmi.selectGender"),CustomInput:e.createElement(Ma,{options:f,value:y,onChange:e=>b(e),className:"bmi--input-radio_gender "+(g?"bmi-side-embed":"")}),className:"bmi--input bmi--input-gender"})),e.createElement(Lt,{"data-is-side":g},e.createElement(kt,null,e.createElement(Ca.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:F.colors.gray600},u("bmi.ageInput")," ",e.createElement(i,{size:"label2",type:"bold",color:F.colors.gray300,as:"span"},u("bmi.ageInput.desc"))),placeholder:u("healthtool.placeholder.age"),value:Number(a.age),onChange:e=>C(String(e)),error:p.age?"":c.age,min:0})),e.createElement(kt,null,e.createElement(Ca.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:F.colors.gray600},u("bmi.heightInput")," ",e.createElement(i,{size:"label2",type:"bold",color:F.colors.gray300,as:"span"},u("bmi.heightInput.desc"))),placeholder:u("pwg.placeholder.height"),value:Number(a.height),onChange:e=>{return t=String(e),void w(t,(e=>{h((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},a),{height:e});s&&s(t)}));var t},error:p.height?"":c.height,min:0})),e.createElement(kt,null,e.createElement(Ca.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:F.colors.gray600},u("bmi.weightInput")," ",e.createElement(i,{size:"label2",type:"bold",color:F.colors.gray300,as:"span"},u("bmi.weightInput.desc"))),placeholder:u("pwg.placeholder.weight"),value:Number(a.weight),onChange:e=>{return t=String(e),h((e=>Object.assign(Object.assign({},e),{weight:!0}))),void w(t,(e=>{const t=Object.assign(Object.assign({},a),{weight:e});s&&s(t)}));var t},error:p.weight?"":c.weight,min:0,precision:1}))),e.createElement("div",{style:{display:"flex"}},e.createElement(xt,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${Jt[m]}/${E}`,onClick:()=>{d(y)}},u("bmi.submit"))))},Vl=({isSide:t,locale:a,bmrContent:l,isMobile:n,info:r,inputErrorMessage:o,onFormChange:s,onSubmit:c})=>{var m,d,g;const{t:u}=ra();return e.createElement(Je,{"data-is-side":t},e.createElement(et,{isSide:t,bannerUrl:T.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:u("bmr.heading"),medicalReview:(null===(m=null==l?void 0:l.reviewBy)||void 0===m?void 0:m.reviewer)?e.createElement(i,{size:"n1",color:F.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:u("toolPage.toolReviewer",{expert_name:`<a\n                            style="color: white"\n                            href="${(null===(d=null==l?void 0:l.reviewBy)||void 0===d?void 0:d.link)||"#"}"\n                          >\n                            ${l.reviewBy.reviewer}\n                          </a>`,date:null===(g=null==l?void 0:l.reviewBy)||void 0===g?void 0:g.date})}}),e.createElement("span",null)):void 0,isMobile:n}),e.createElement(ba,null,e.createElement(tt,{onSubmit:e=>e.preventDefault(),"data-is-side":t},e.createElement(Bt,null,e.createElement(Rl,{info:r,locale:a,errorMessage:o,onChange:s,onClick:c,isSide:t})))))};var Ul="eM8ChWU",Zl="KAx1aqi",ql="QcFfKPB",Kl="brbyNAY",Yl="W65hTnn";const Xl=({src:t,title:a,backgroundSrc:l,className:n,reviewedSection:r,isSide:o})=>e.createElement("div",{className:`${Ul} ${n||""}`},e.createElement("div",{className:Zl,style:{backgroundImage:`url("${l}")`}},e.createElement("div",{className:ql,"data-is-side":o},e.createElement("div",{className:Kl,"data-is-side":o},e.createElement(I,{tag:"h4",color:"white"},a),r),e.createElement("div",{className:Yl},e.createElement("img",{src:t||"",style:{objectFit:"contain"},alt:a})))));var Ql="zvE9IoJ",Jl="njDC-ia",en="ESkUhe9",tn="wZLIQYa";const an=({backgroundDesktopSrc:t,backgroundMobileSrc:a,title:l,className:n,isSide:r,ovulationContent:o})=>{var s,c,m;const{t:d}=ra(),g=ja(null==o?void 0:o.reviewed_by);return e.createElement("div",{className:`${Ql} ${n}`,"data-is-side":r},e.createElement("div",{className:Jl,style:{backgroundImage:`url('${a||t}')`}},e.createElement("div",{className:tn},e.createElement(I,{tag:"h5",color:"white"},l),(null===(s=null==o?void 0:o.reviewed_by)||void 0===s?void 0:s.display_name)?e.createElement(i,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},e.createElement("span",{dangerouslySetInnerHTML:{__html:d("articlePage.articleReviewerBy",{name:`<a\n                          style="color: white"\n                          href="${g}"\n                        >\n                        ${o.reviewed_by.display_name}\n                        </a>`})}}),e.createElement("span",null,d("tools.heading.on")),e.createElement("span",null,null==o?void 0:o.reviewed_date)):null),e.createElement("div",{className:en,"data-is-side":r},e.createElement("img",{src:(null==o?void 0:o.featured_image)||"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:l}))),e.createElement(Xl,{className:"desktop-only",src:(null==o?void 0:o.featured_image)||"",backgroundSrc:t||a||"",title:l,reviewedSection:(null===(c=null==o?void 0:o.reviewed_by)||void 0===c?void 0:c.display_name)&&""!==(null===(m=null==o?void 0:o.reviewed_by)||void 0===m?void 0:m.display_name)&&e.createElement(i,{size:"n1",color:F.colors.white,style:{marginTop:12}},e.createElement("span",{dangerouslySetInnerHTML:{__html:d("toolPage.toolReviewer",{expert_name:`<a\n                        style="color: white"\n                        href="${g}"\n                      >\n                        ${o.reviewed_by.display_name}\n                      </a>`,date:null==o?void 0:o.reviewed_date})}}),e.createElement("span",null)),isSide:r}))},ln=({onSubmitOvulation:t,locale:a,ovulationPageInfo:l,ovulationContent:n,expertUrl:r,isSide:o=!1,siteType:s,isMobile:c})=>{var m;const{t:d}=ra(),g=Aa(l||null);return e.createElement(Je,{"data-is-side":o,"data-site":s},"marryBaby"!==s?e.createElement(an,{backgroundDesktopSrc:T.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:T.getAssetPath("embedToolBannerPink.svg"),title:d("healthTools.ovulationCalculator"),reviewedBy:g.reviewedBy,reviewedDate:g.reviewedDate,ovulationContent:n,isSide:o}):e.createElement(et,{isSide:o,bannerUrl:T.getAssetPath("embedToolBannerPink.svg"),siteType:s,bannerColor:"marryBaby"===s&&F.mbColors.mint,isEmbeded:!0,icon:e.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:"marryBaby"!==s?{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}:null}),heading:d("healthTools.ovulationCalculator"),medicalReview:(null===(m=null==l?void 0:l.reviewed_by)||void 0===m?void 0:m.display_name)?e.createElement(i,{size:"label2",color:F.colors.white,dangerouslySetInnerHTML:{__html:d("toolPage.toolReviewer",{expert_name:`<a style="text-decoration: underline" href="${r}">${l.reviewed_by.display_name}</a>`,date:l.reviewed_date})}}):void 0,isMobile:c}),e.createElement(tt,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":o},e.createElement(Dt,{siteType:s,locale:a,onSubmitOvulation:t,isSide:o})))},nn=({siteType:l,info:r,onChange:o,errorMessage:i={}})=>{const{t:s}=ra(),[c,m]=t({weightBefore:!1,height:!1,weight:!1}),[d,g]=t(0),u=a(null);n((()=>{var e;g(null===(e=u.current)||void 0===e?void 0:e.clientHeight)}));const p=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},h=e=>{p(e,(e=>{m((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},r),{weightBefore:e});o&&o(t)}))},v=e=>{p(e,(e=>{m((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},r),{height:e});o&&o(t)}))},E=e=>{p(e,(e=>{m((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},r),{weight:e});o&&o(t)}))};return n((()=>{o&&o(Object.assign({},r))}),[]),n((()=>{m({weightBefore:!1,height:!1,weight:!1})}),[i]),"marryBaby"===l?e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg input-section"},e.createElement($e,{label:s("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==r?void 0:r.height,CustomInput:e.createElement(ya,{className:(null==c?void 0:c.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.height,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.height)?"":null==i?void 0:i.height,showErrorMessage:!1,onChange:v})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement($e,{label:s("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==r?void 0:r.weightBefore,CustomInput:e.createElement(ya,{className:(null==c?void 0:c.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.weightBefore,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.weightBefore)?"":null==i?void 0:i.height,showErrorMessage:!1,onChange:h})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement($e,{label:s("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==r?void 0:r.weight,CustomInput:e.createElement(ya,{className:(null==c?void 0:c.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.weight,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.weight)?"":null==i?void 0:i.weight,showErrorMessage:!1,onChange:E})}))):e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg"},e.createElement(z,{placeholder:s("pwg.placeholder.height"),className:"input-section",label:e.createElement("span",{style:{color:F.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},s("pregnancyWeightGain.heightInput")," ",e.createElement("span",{style:{color:`${F.colors.gray300}`}},s("bmi.heightInput.desc"))),errorMessage:c.height?"":null==i?void 0:i.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==r?void 0:r.height,onChange:v})),e.createElement("div",{className:"input-form-pwg"},e.createElement(z,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:F.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:u,className:"label-text"},s("pregnancyWeightGain.weightBeforeInput")," ",e.createElement("span",{style:{color:`${F.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:c.weightBefore?"":null==i?void 0:i.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:h,value:null==r?void 0:r.weightBefore})),e.createElement("div",{className:"input-form-pwg"},e.createElement(z,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:F.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:d},className:"label-text"},s("pregnancyWeightGain.weightInput")," ",e.createElement("span",{style:{color:`${F.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:c.weight?"":null==i?void 0:i.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==r?void 0:r.weight,onChange:E})))},rn=({locale:a,onClick:n,inputErrorMessage:r,pwgContent:o,onFormChange:s,info:c,isMobile:m,isSide:d=!1,siteType:g})=>{var u;const{t:p}=ra(),[h,v]=t("notwins"),[E,y]=t({label:"1",value:1}),b=l((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:f}=Sa(a),w=l((()=>f(La.PWG)),[f]),C=(null===(u=null==o?void 0:o.reviewedBy)||void 0===u?void 0:u.display_name)?e.createElement(i,{size:"n1",color:F.colors.white,dangerouslySetInnerHTML:{__html:p("toolPage.toolReviewer",{expert_name:`<a style="text-decoration: underline" href="${ja(o.reviewedBy)}">${o.reviewedBy.display_name}</a>`,date:o.reviewedDate})}}):void 0;return e.createElement(Je,{"data-is-side":d,"data-site":g},e.createElement(et,{siteType:g,bannerUrl:T.getAssetPath("embedToolBannerPink.svg"),bannerColor:"marryBaby"===g&&F.mbColors.mint,isEmbeded:!0,icon:e.createElement("img",{alt:"health-tool-icon",src:null==o?void 0:o.featuredImage,style:"marryBaby"!==g?{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}:null}),heading:p("pregnancyWeightGain.heading"),medicalReview:C,isMobile:m,isSide:d}),e.createElement(ba,null,e.createElement(tt,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":d},"marryBaby"!==g&&e.createElement(_t,{className:"hide-asking-mobile","data-is-side":d},e.createElement(za,{size:"label2",style:{display:"block",fontWeight:"bold",color:F.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},p("pregnancyWeightGain.havingTwins")),e.createElement(Mt,{options:[{value:"twins",label:p("switchBtn.yes")},{value:"notwins",label:p("switchBtn.no")}],value:h,onChange:e=>v(e),className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),e.createElement(qe,null,e.createElement(St,{className:"input-section input-form-pwg","data-is-side":d},"marryBaby"===g?e.createElement(Ye,{groupedWithLabel:p("pregnancyWeightGain.weekInput"),options:b,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:E,onChange:e=>y({label:e.label,value:e.value})}):e.createElement(e.Fragment,null,e.createElement(za,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:F.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},p("pregnancyWeightGain.weekInput")),e.createElement(Qe,{options:b,placeholder:String(E.label),id:"weight-gain-dropdown",size:"md",value:E,onChange:e=>y({label:e.label,value:e.value})}))),e.createElement(nn,{siteType:g,info:c,errorMessage:r,onChange:s})),"marryBaby"!==g&&e.createElement(_t,{className:"hide-asking-desk","data-is-side":d},e.createElement(za,{size:"label2",style:{display:"block",fontWeight:"bold",color:F.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},p("pregnancyWeightGain.havingTwins")),e.createElement(Mt,{options:[{value:"twins",label:p("switchBtn.yes")},{value:"notwins",label:p("switchBtn.no")}],value:h,onChange:e=>v(e),className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),"marryBaby"===g&&e.createElement(ll,{name:"twins",label:p("pregnancyWeightGain.havingTwins"),checked:"twins"===h,siteType:"marryBaby",onChange:()=>{v("twins"===h?"notwins":"twins")},value:"twins"}),e.createElement(zt,{"data-is-side":d,"data-site":g},e.createElement(A,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${Jt["marryBaby"===g?"vi-VN_MB":a]}/${w}`,className:"due-date-calculate-button",size:"lg",color:"marryBaby"===g?"secondary":"primary",onClick:()=>n(h,E.value),role:"button",theme:g},p("dueDatePage.lastPeriod.calculate"))))))};const on={"en-PH":Ta,"vi-VN":Fa,"zh-TW":$a,"id-ID":Ia};function sn(a){const{value:n={from:null,to:null}}=a,[r,o]=t(null),{isMobile:i}=Oa(),[s,c]=t((()=>n)),[m,d]=t((()=>{var e;return ca(null!==(e=n.from)&&void 0!==e?e:new Date)})),g=l((()=>ma(m,1)),[m]);const u=Object.assign(Object.assign({},a),{goToNextMonth:function(){d((e=>ma(e,1)))},goToPreviousMonth:function(){d((e=>da(e,1)))},range:s,setRange:c,hoverDay:r,setHoverDay:o});return e.createElement(e.Fragment,null,e.createElement(cn,Object.assign({},u,{date:m})),!i&&e.createElement(jt,null),!i&&e.createElement(cn,Object.assign({},u,{date:g})))}function cn({date:t,range:a,setRange:r,onChange:o,goToPreviousMonth:i,goToNextMonth:s,minDate:c,maxDate:m,close:d=(()=>{}),autoClose:g=!1,hoverDay:u,setHoverDay:p}){const{locale:h}=ra(),v=l((()=>{var e;return null!==(e=on[h])&&void 0!==e?e:on["en-PH"]}),[h]),E=l((()=>oa(t,"MMMM",{locale:v})),[t,v]),y=l((()=>v?[1,2,3,4,5,6,0].map((e=>v.localize.day(e,{width:"narrow"}))):[]),[v]);function b(t,l){if(null===t)return e.createElement(Wt,{key:`idx-${l}`,"data-empty":"true"});const n=t.getDate(),o=ua(t),i=!!a.from&&pa(a.from,t),s=!!a.to&&pa(a.to,t),h=i||s;let v=!1;null!==u&&a.from&&sa(a.from,u)&&!a.to?v=ha(t,{start:a.from,end:u}):a.from&&a.to&&(v=ha(t,{start:a.from,end:a.to}));let E=!1;return c&&m?E=!ha(t,{start:c,end:m}):c?E=sa(t,c):m&&(E=va(t,m)),e.createElement(Wt,{key:n,"data-is-today":o,"data-is-past":!o&&Ea(t),"data-is-selected":h,"data-is-disabled":E,"data-in-range":v,"data-is-from":i,"data-is-to":s,onMouseEnter:()=>{p(t)},onMouseLeave:()=>p(null),onClick:()=>{E||r((e=>(g&&a.from&&!a.to&&d(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?sa(e,t.from)?Object.assign(Object.assign({},t),{from:e}):Object.assign(Object.assign({},t),{to:e}):t:Object.assign(Object.assign({},t),{from:e})}(t,e))))}},e.createElement(Gt,{onClick:()=>{}},e.createElement("p",null,n)))}return n((()=>{a.from&&a.to&&o(a)}),[a]),e.createElement(At,{className:"calendar-wrapper"},e.createElement(Pt,null,e.createElement(A,{onClick:i,size:"md",color:"ghost",icon:e.createElement("img",{src:T.getAssetPath("calendarArrowLeft.svg")})}),e.createElement("div",{className:"calendar-month"},E,e.createElement("strong",null,oa(t,"yyyy"))),e.createElement(A,{onClick:s,size:"md",color:"ghost",icon:e.createElement("img",{src:T.getAssetPath("calendarArrowRight.svg")})})),e.createElement(Tt,null,e.createElement("div",null,e.createElement(It,null,y.map(((t,a)=>e.createElement(Ft,{key:`${t}-${a}`},t))))),e.createElement("div",null,function(){const l=t.getFullYear(),n=t.getMonth(),r=ga(t),o=[];for(let e=1;e<=r;e++)o.push(new Date(l,n,e));const i=o[0]?o[0].getDay():0;if(1!==i){const e=0===i?6:i-1;for(let t=0;t<e;t++)o.unshift(null)}return e.createElement($t,{key:`month-${n}`,"data-month-index":n,"data-has-range":Boolean(a.from&&a.to)},e.createElement(Ot,null,e.createElement(Ht,null,o.map(b))))}())))}function mn({inputSize:n="md",name:r="date-range-picker",value:o,minDate:i,maxDate:s,onChange:c,className:m,autoClose:d=!1}){o||(o={from:null,to:null});const[g,u]=t(!1);function p(){u(!1)}const h=a(null);function v(e){c&&c(e)}function E(e){return oa(e,"dd/MM/yyyy")}Pa(h,(()=>{p()}));const y=l((()=>o.from&&o.to?pa(o.from,o.to)?E(o.from):`${E(o.from)} - ${E(o.to)}`:""),[o.from,o.to]);return e.createElement(Rt,{className:[m,g&&"focused"].filter(Boolean).join(" "),ref:h},e.createElement("label",{htmlFor:r},e.createElement(z,{size:n,value:y,name:r,actionIcon:e.createElement("img",{src:T.getAssetPath("calendar.svg")}),onFocus:()=>u(!0)})),g?e.createElement(Vt,{onMouseDown:e=>{e.stopPropagation()}},e.createElement(sn,{value:o,onChange:v,minDate:i,maxDate:s,close:p,autoClose:d})):null)}var dn="WUqzfRb",gn="MnVGtSY",un="NclbhXQ";const pn=({LinkComponent:t,page:a,isLast:l,onChangePage:n})=>{const{label:r,value:o,isDropdown:i,dropdownItems:s,dataEventCategory:c,dataEventAction:m,dataEventLabel:d}=a;return i?e.createElement(Qe,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:n,className:"collapsed-breadcrumb"}):e.createElement("div",{className:un,title:"string"!=typeof r?o:r,"data-last":l},t&&e.createElement(t,{"data-event-category":c,"data-event-action":m,"data-event-label":d,href:o||"#"},r))},hn=({className:t,pages:a,size:n,LinkComponent:o="a",onChangePage:i,separator:s})=>{const c=l((()=>a.map(((e,t)=>a.length>4?t>1&&t<a.length-2?null:1===t?Object.assign(Object.assign({},e),{isDropdown:1===t,dropdownItems:a.slice(1,a.length-2)}):e:e)).filter(Boolean)),[a]);return e.createElement("div",{"data-size":n,className:`${dn} ${t||""}`},c.map(((t,a)=>{const l=a+1===c.length;return e.createElement(r,{key:a},e.createElement(pn,{LinkComponent:o,page:t,isLast:l,onChangePage:i}),!l&&(t.separator||s||e.createElement("div",{className:gn,"data-size":n})))})))},vn=()=>e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),En=({url:t,onCopied:a,locale:n,siteType:r})=>{const{t:o}=ra(),s=Ha(t||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(n))),c=l((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(Ut,null,e.createElement(i,{size:"p3",color:F.colors.gray800},o("shareContainer.title")),e.createElement("div",{className:"icon-group"},s.map(((t,a)=>e.createElement("a",{key:a,href:t.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${t.name}`,"data-event-label":c},t.icon))),e.createElement(A,{theme:r,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(vn,null),onClick:()=>Kt(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(t),null==a||a()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":c})))},yn=()=>e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},e.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"})),bn=t=>{var{open:a,title:l,onClose:r,onCopied:s,onShared:c,url:m,locale:d}=t,g=qt(t,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:u}=ra(),p=o((()=>Kt(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(m),null==s||s()}))),[m,s]),h=Ha(m||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(d)));return n((()=>{a&&navigator.share&&navigator.share({title:null!=l?l:"Read This Post",url:m}).then((()=>{null==c||c()})).catch((()=>{null==r||r()}))}),[m,l,c,a]),"undefined"!=typeof navigator&&navigator.share?null:e.createElement(Zt,Object.assign({title:u("share.title"),onClose:r,open:a,placement:"bottom"},g),e.createElement("div",{className:"share-container"},e.createElement("div",{className:"icon-container"},e.createElement(i,{type:"semiBold",size:"s3",color:F.colors.gray600},u("share.title")),e.createElement("div",{className:"icon-group"},h.map(((t,a)=>e.createElement("a",{key:a,href:t.href,target:"_blank",rel:"noreferrer"},t.icon))))),e.createElement("div",{className:"link-container"},e.createElement(i,{type:"semiBold",size:"s3",color:F.colors.gray600},u("share.copyLink")),e.createElement("div",{className:"input-group"},e.createElement(ya,{name:"link",size:"md",value:m,isDisabled:!0}),e.createElement(A,{size:"md",type:"button",color:"tertiary",icon:e.createElement(yn,null),onClick:p})))))};export{Va as A,Ua as B,ll as C,Pl as D,bn as E,qa as F,Ka as G,yl as I,ln as O,Xa as P,il as R,Qa as S,Ja as T,tl as U,Za as a,el as b,al as c,sl as d,hl as e,vl as f,El as g,bl as h,fl as i,Cl as j,Nl as k,Ll as l,xl as m,Bl as n,Dl as o,_l as p,Ml as q,Fl as r,$l as s,Ol as t,Gl as u,Vl as v,rn as w,mn as x,hn as y,En as z};