@hhgtech/hhg-components 1.25.17 → 1.25.19

package/build/esm/index.styles-3745dc2e.js

@@ -1,115 +0,0 @@
-import{a as e,_ as t}from"./tslib.es6-86b09138.js";import*as r from"react";import a,{useState as n,useEffect as l,Component as i,createContext as o,useContext as s,useRef as c,forwardRef as m,useCallback as h,useImperativeHandle as d}from"react";import p from"dayjs";import{L as g}from"./Onboarding-f5e77ca6.js";import"./screenSizeContext-9f2a4814.js";import v,{css as u}from"styled-components";import{t as f}from"./theme-da141727.js";import{s as z}from"./index-43d83c96.js";import{M as E}from"./utils-967698bd.js";import"./isProduction-904f917e.js";import{CommonGAssets as b}from"./gAssets.js";import{Carousel as x}from"@mantine/carousel";import{useResizeObserver as w,useDebouncedValue as y}from"@mantine/hooks";import{createEmotionCache as M,Image as k,createStyles as C,Textarea as j,Modal as H,Accordion as S,Indicator as O,Avatar as P,FileInput as $,NumberInput as L,PasswordInput as I,TextInput as A,Input as B,Checkbox as N,Slider as W,Radio as T,Flex as D}from"@mantine/core";import{DatePicker as V,DateRangePicker as R}from"@mantine/dates";const F=300,G=M({key:"mantine",prepend:!1}),Z={[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"},U={[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")},X=t=>{const[r,a]=n(!1);return l((()=>{e(void 0,void 0,void 0,(function*(){var e;a(!1),yield null===(e=U[t])||void 0===e?void 0:e.call(U),p.locale(Z[t]),a(!0)}))}),[t]),{isLoaded:r}},K="100ms",_={"&:hover":{border:`1px solid ${f.colors.primaryBase}`}},q=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:[32,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}}),Q=[{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}],Y=[{size:26,lineHeight:"534px",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"}],J=(e=!1)=>Object.fromEntries((e?Y:Q).map(((e,t)=>[`&:is(h${t+1})`,{fontSize:e.size,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing}]))),ee={Title:{styles:{root:Object.assign(Object.assign({fontWeight:q.fontWeight.bold},J()),{[`&${E.mbDown}`]:Object.assign({},J(!0))})}}},te={Radio:{styles:{radio:Object.assign(Object.assign({backgroundColor:"#ffffff"},_),{"&:checked":{backgroundColor:"#ffffff"}})}}},re={Tabs:{styles:{tabsList:{gap:16,borderBottom:"none"},tab:{padding:0,paddingBottom:8,color:f.colors.gray400,"&:hover":{backgroundColor:"initial",border:"initial"},"&[data-active='true']":{color:f.colors.primaryBase,borderColor:f.colors.primaryBase}}}}};class ae 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||a.createElement(a.Fragment,null):this.props.children}}const ne=e=>{var{slidesToShow:r=1,children:n}=e,l=t(e,["slidesToShow","children"]);return(Array.isArray(n)?n.length:1)?a.createElement(ae,null,a.createElement(x,Object.assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},l),n)):null};ne.Slide=x.Slide;const le=x.Slide,ie=o({}),oe=(e,t)=>e>=t?e-t:e,se=e=>{var{children:r,blurFromCenter:i,blurFromIndex:o,blurLength:s=3,maxBlurOpacity:m=.5,onSlideChange:h,selectSlideWhenClick:d}=e,p=t(e,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);const[g,v]=w(),u=c(null),[f,z]=n(0),E=()=>{var e,t,r;const a=null===(e=null==u?void 0:u.current)||void 0===e?void 0:e.selectedScrollSnap();z(a);const n=(null===(t=null==u?void 0:u.current)||void 0===t?void 0:t.slideNodes())||[],l=n.length,c=(null===(r=null==u?void 0:u.current)||void 0===r?void 0:r.slidesInView()).length,h=Math.floor(c/2),d=i?o+s-1:h,p=a+d,g=p===l?0:p>l?p-l:p,v=a-d,f=v<0?l+v:v>0?a-d:0,E=Array(2*d+1).fill("").map(((e,t)=>oe(f+t,l)));n.map(((e,t)=>{if(t===a?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==E.indexOf(t)){const a=m/s;for(let i=0;i<s;i++){if(t===oe(f+i,l)||t===(n=l,(r=g-i)<0?n+r:r)){e.style.opacity=String((i+1)*a);break}e.style.opacity="1"}}else e.style.opacity="0";var r,n}))},b={getEmblaApi:e=>{u.current=e},onSlideChange:e=>{E(),null==h||h(e)}};return l((()=>{(null==u?void 0:u.current)&&E()}),[v]),a.createElement(ie.Provider,{value:{slider:null==u?void 0:u.current,centerSlide:f,selectSlideWhenClick:d}},a.createElement(x,Object.assign({ref:g,slideSize:"auto",containScroll:"trimSnaps"},b,p,{loop:!0}),"function"==typeof r?r(f):r))};se.Slide=e=>{var{children:r,onClick:i,innerSlideProps:o}=e,m=t(e,["children","onClick","innerSlideProps"]);const{slider:h,selectSlideWhenClick:d}=s(ie),p=c(),g=c(""),[v,u]=n(0);l((()=>{g.current=String(Math.round(1e4*Math.random()))}),[]),l((()=>{const e=(null==h?void 0:h.slideNodes())||[];u(e.findIndex((e=>e.dataset.key===g.current)))}),[h]);const f={ref:p,"data-key":g.current,"data-index":v,styles:()=>({control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}})};return a.createElement(le,Object.assign({},f,m),a.createElement("div",Object.assign({onClick:()=>{d&&(null==h||h.scrollTo(v)),null==i||i(v)}},o),r))};const ce=v(V)`
-  position: relative;
-  ${e=>e.fullWidth&&u`
-      .mantine-DatePicker-dropdown {
-        min-width: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-    `}
-`,me=v(R)`
-  position: relative;
-  ${e=>e.fullWidth&&u`
-      .mantine-DateRangePicker-dropdown {
-        min-width: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-    `}
-`,he=e=>a.createElement(ce,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:a.createElement(k,{src:b.getAssetPath(e.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16})},e,{className:`input-control ${(null==e?void 0:e.className)||""}`}));he.Range=e=>a.createElement(me,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:a.createElement(k,{src:b.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));var de=C(((e,t)=>{var r,a,n,l,i,o,s,c,m,h;const d=null===(r=q.fontSize[null==t?void 0:t.size])||void 0===r?void 0:r[0],p=null===(a=q.lineHeight[null==t?void 0:t.size])||void 0===a?void 0:a[0],g=null!==(i=null===(l=null===(n=q.letterSpacing)||void 0===n?void 0:n[null==t?void 0:t.size])||void 0===l?void 0:l[0])&&void 0!==i?i:0,v=null===(o=q.fontSize[null==t?void 0:t.size])||void 0===o?void 0:o[1],u=null===(s=q.lineHeight[null==t?void 0:t.size])||void 0===s?void 0:s[1],f=null!==(h=null===(m=null===(c=q.letterSpacing)||void 0===c?void 0:c[null==t?void 0:t.size])||void 0===m?void 0:m[1])&&void 0!==h?h:0;return{root:{fontWeight:q.fontWeight[t.weight],fontSize:`${d}px`,lineHeight:`${p}px`,letterSpacing:g,[e.fn.smallerThan("sm")]:{fontSize:`${v}px`,lineHeight:`${u}px`,letterSpacing:f},"&[data-event-category] > *":{pointerEvents:"none"}}}})),pe=C(((e,t)=>{const{size:r,variant:a,skipHover:n,isError:l,color:i}=t;return{rootCustom:Object.assign(Object.assign(Object.assign(Object.assign({transition:`all ${K} ease-in-out`,"&[data-event-category] > *":{pointerEvents:"none"}},(()=>{switch(r){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,r;switch(a){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:f.colors.gray800,backgroundColor:e.white,border:`1px solid ${f.colors.neutral200}`,"&:hover":Object.assign({},n?{backgroundColor:e.white,border:`1px solid ${f.colors.neutral200}`}:{backgroundColor:f.colors.neutral50,border:`1px solid ${f.colors.neutral50}`})};case"light":{const a=i||e.primaryColor;return{color:null===(r=null===(t=e.colors)||void 0===t?void 0:t[a])||void 0===r?void 0:r[Number(e.primaryShade)],backgroundColor:e.colors[a][0],border:"1px solid transparent","&:hover":Object.assign({},n?{backgroundColor:e.colors[a][0],border:"1px solid transparent"}:{backgroundColor:e.white,border:`1px solid ${e.colors[a][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:f.colors.gray100,color:f.colors.gray400}}),l?Object.assign({color:f.colors.red600,backgroundColor:e.white,border:`1px solid ${f.colors.red600}`},!n&&{"&:hover":{backgroundColor:f.colors.red50,border:`1px solid ${f.colors.red600}`}}):{})}}));const ge=v(j)`
-  .mantine-Textarea-input {
-    padding: 12px 16px;
-    background: #ffffff;
-    border: 1px solid ${f.colors.gray200};
-    border-radius: 4px;
-  }
-`,ve=v(H)`
-  .mantine-Modal-modal {
-    padding: 0;
-  }
-  .mantine-Modal-header {
-    border-bottom: 1px solid ${f.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;
-  }
-`,ue=v(S)`
-  .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||b.getAssetPath("plus-icon.svg")});
-      }
-    }
-    &[data-active='true'] {
-      .mantine-Accordion-chevron {
-        > div {
-          background-image: url(${e=>e.openChevron||b.getAssetPath("minus-icon.svg")});
-        }
-      }
-    }
-  }
-  .mantine-Accordion-panel {
-    border-radius: ${e=>e.theme.borderRadius};
-  }
-  .mantine-Accordion-content {
-    white-space: pre-wrap;
-  }
-`,fe=e=>{var{children:r}=e,n=t(e,["children"]);return a.createElement(ue,Object.assign({chevron:a.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},n),r)};fe.Control=S.Control,fe.Item=S.Item,fe.Panel=S.Panel;const ze=b.getAssetPath("avatar.jpg"),Ee=e=>{var{withIndicator:r=!1,indicatorConfig:n=null,size:l=56,children:i,styles:o}=e,s=t(e,["withIndicator","indicatorConfig","size","children","styles"]);const c=()=>a.createElement(P,Object.assign({size:l,radius:"xl"},s,{imageProps:Object.assign({loading:"lazy"},s.imageProps)}),i||a.createElement("img",{loading:"lazy",src:ze,width:l}));return r?a.createElement(O,Object.assign({inline:!0,position:"bottom-end",offset:9},n,{styles:Object.assign({indicator:{backgroundColor:a.isValidElement(n.label)&&"transparent",zIndex:1}},o)}),c()):c()},be=b.getAssetPath("EyeVisible.svg"),xe=b.getAssetPath("EyeHidden.svg"),we=m(((e,r)=>{const{size:n="md",visibilityToggleIcon:l}=e,i=t(e,["size","visibilityToggleIcon"]),o=l||(({reveal:e,size:t})=>e?a.createElement("img",{src:be,width:t}):a.createElement("img",{src:xe,width:t}));return a.createElement(I,Object.assign({ref:r,size:n,visibilityToggleIcon:o},i,{className:`input-control ${(null==i?void 0:i.className)||""}`}))})),ye=m(((e,r)=>{var{value:i,onChange:o,onChangeRaw:s}=e,c=t(e,["value","onChange","onChangeRaw"]);const[m,h]=n(i||""),[d]=y(m,300);return l((()=>{null==o||o(d)}),[d]),l((()=>{h(i)}),[i]),a.createElement(A,Object.assign({ref:r,size:"md",onChange:e=>{null==s||s(e),h(e.currentTarget.value)},value:m},c,{className:`input-control ${(null==c?void 0:c.className)||""}`}))}));ye.File=e=>a.createElement($,Object.assign({size:"md"},e)),ye.Password=we,ye.Number=e=>{var{value:r,onChange:i}=e,o=t(e,["value","onChange"]);const[s,c]=n(r),[m]=y(s,300);return l((()=>{null==i||i(m)}),[m]),l((()=>{c(r)}),[r]),a.createElement(L,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},o))},ye.Wrapper=B.Wrapper;const Me=e=>a.createElement(N,Object.assign({},e));Me.Group=N.Group;const ke=v(W)`
-  ${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=v.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=e=>{var{color:r,styles:n}=e,l=t(e,["color","styles"]);return a.createElement(T,Object.assign({size:"sm"},l,{styles:e=>Object.assign(Object.assign({},n),{icon:{color:e.colors[e.primaryColor][e.primaryShade]}})}))};je.Group=T.Group;var He="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Se(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 Oe=Se((function(e){!function(){var t={}.hasOwnProperty;function r(){for(var e=[],a=0;a<arguments.length;a++){var n=arguments[a];if(n){var l=typeof n;if("string"===l||"number"===l)e.push(n);else if(Array.isArray(n)){if(n.length){var i=r.apply(null,n);i&&e.push(i)}}else if("object"===l){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){e.push(n.toString());continue}for(var o in n)t.call(n,o)&&n[o]&&e.push(o)}}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}));function Pe(e,t=6){const r=new Array(t).fill("");if(e){const t=e.toString().split("");r.map(((e,a)=>{t[a]&&(r[a]=t[a]||"")}))}return r}function $e(e){return e.join("")}var Le="_7-QtPON",Ie="vm6Afxg";const Ae=m(((e,r)=>{const{maxLength:n=1,placeholder:l,className:i}=e,o=t(e,["maxLength","placeholder","className"]);return a.createElement("input",Object.assign({maxLength:n,className:Oe(Ie,"otpInput",i),placeholder:l,type:"number"},o,{ref:r}))})),Be=m(((e,t)=>{const{valueLength:r=6,type:i="number",value:o,defaultValue:s,onChange:m,onBlur:p}=e,g=c(new Array(r).fill(null)),[v,u]=n(s||o),[f,z]=n(-1),[E,b]=n((()=>Pe(v,r))),x=h((()=>{if(-1===f)return;const e=g.current[f];if(e){e.value="";const t=E;t[f]="",b(t),u((()=>$e(t))),null==m||m($e(t))}}),[f,m,E]),w=h((()=>{if(0===f)return;const e=g.current[f];e&&e.blur();const t=g.current[f-1];t&&t.focus()}),[f]),y=h((()=>{if(f===r-1)return;const e=g.current[f];e&&e.blur();const t=g.current[f+1];t&&t.focus()}),[f,r]),M=h((e=>{const t=e.target,r=t.value.toString().slice(0,1),a=g.current.findIndex((e=>e===t));if(-1!==a){const e=E;e[a]=r,b(e),u((()=>$e(e))),null==m||m($e(e))}y()}),[y,m,E]),k=h((e=>{const t=e.target,r=g.current.findIndex((e=>e===t));"number"===i?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==r&&z(r)}),[]),C=h((e=>{const t=Pe(e.clipboardData.getData("text/plain"),r),a=$e(t);b(t),u(a),null==m||m(a)}),[m,i,r]),j=h((e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),x(),w()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),x()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),w()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),y()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[x,y,w]);return d(t,(()=>g.current[0]),[]),l((()=>{b((()=>Pe(o,r))),u(o)}),[r,o]),a.createElement(D,{justify:"center",columnGap:8,className:Oe(Le,"otpContainer")},E.map(((e,t)=>a.createElement(Ae,{ref:e=>{g.current[t]=e},key:""+t,value:e,type:i,onChange:M,onFocus:k,onKeyDown:j,onPaste:C,onBlur:p}))))})),Ne=e=>r.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 8 5",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),r.createElement("path",{d:"M4 5L0.535898 0.5L7.4641 0.5L4 5Z"})),We=e=>r.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),r.createElement("path",{fill:"#032ea1",d:"M0 0h640v480H0z"}),r.createElement("path",{fill:"#e00025",d:"M0 120h640v240H0z"}),r.createElement("g",{fill:"#fff",stroke:"#000",transform:"matrix(1.2 0 0 1.2 85.6 -522)"},r.createElement("g",{strokeLinejoin:"bevel"},r.createElement("path",{d:"M139 623.5h113.8v43.8H139z"}),r.createElement("path",{d:"M247 647.6h3.5v16.5H247zm-108-8.1h113.8v5H139zm0-7h113.8v4.6H139z"}),r.createElement("path",{strokeWidth:.9,d:"M139 625.7h113.8v4.3H139z"}),r.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"}),r.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"})),r.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"}),r.createElement("path",{strokeLinejoin:"bevel",d:"M178.2 647.6h3.6v16.5h-3.6zm30.4 0h3.6v16.5h-3.6z"}),r.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"}),r.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"}),r.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"}),r.createElement("path",{d:"M190.7 639.2h9v30.3h-9z"}),r.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"}),r.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"}),r.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"}),r.createElement("g",{fill:"none",strokeWidth:.8},r.createElement("path",{d:"M186.8 570.6H204m-19.2 5.4h21m-23 6.5h24.9m-27 7.9h29.5m-30.2 9h30.4"}),r.createElement("path",{strokeWidth:1,d:"M170.8 629h48.6m-33.2 0h18v6.6h-18z"})),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.createElement("g",{id:"a"},r.createElement("path",{d:"M99 664.2v-20.4c-.7-2.6-3-5-4.6-5.4v-18l3.7 2 4.3 18.9v23z"}),r.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"}),r.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"}),r.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"}),r.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"}),r.createElement("path",{d:"M116 639.2h8.9v30.4h-9z"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"})),r.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"matrix(-1 0 0 1 390.7 0)"}),r.createElement("path",{d:"M72.7 694.3H318v12.5H72.7zm-6.5 12.5h258.3v12.5H66.2zm19.4-31.3H305v8.1H85.6z"}),r.createElement("path",{d:"M79.2 683.6h232.4v10.6H79.2zm10.2-14.3h212v6.2h-212z"}),r.createElement("path",{d:"M112.4 669.3h16v50h-16z"}),r.createElement("path",{d:"M116 669.3h8.9v50h-9zm71 0h16v50h-16z"}),r.createElement("path",{d:"M190.7 669.3h9v50h-9zm71.5 0h16v50h-16z"}),r.createElement("path",{d:"M265.7 669.3h9v50h-9z"}),r.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"}))),Te=e=>r.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),r.createElement("path",{fill:"#f93",d:"M0 0h640v160H0z"}),r.createElement("path",{fill:"#fff",d:"M0 160h640v160H0z"}),r.createElement("path",{fill:"#128807",d:"M0 320h640v160H0z"}),r.createElement("g",{transform:"matrix(3.2 0 0 3.2 320 240)"},r.createElement("circle",{r:20,fill:"#008"}),r.createElement("circle",{r:17.5,fill:"#fff"}),r.createElement("circle",{r:3.5,fill:"#008"}),r.createElement("g",{id:"d"},r.createElement("g",{id:"c"},r.createElement("g",{id:"b"},r.createElement("g",{id:"a",fill:"#008"},r.createElement("circle",{r:.9,transform:"rotate(7.5 -8.8 133.5)"}),r.createElement("path",{d:"M0 17.5.6 7 0 2l-.6 5L0 17.5z"})),r.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(15)"})),r.createElement("use",{xlinkHref:"#b",width:"100%",height:"100%",transform:"rotate(30)"})),r.createElement("use",{xlinkHref:"#c",width:"100%",height:"100%",transform:"rotate(60)"})),r.createElement("use",{xlinkHref:"#d",width:"100%",height:"100%",transform:"rotate(120)"}),r.createElement("use",{xlinkHref:"#d",width:"100%",height:"100%",transform:"rotate(-120)"}))),De=e=>r.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),r.createElement("g",{fillRule:"evenodd",strokeWidth:"1pt"},r.createElement("path",{fill:"#e70011",d:"M0 0h640v249H0z"}),r.createElement("path",{fill:"#fff",d:"M0 240h640v240H0z"}))),Ve=e=>r.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),r.createElement("path",{fill:"#c00",d:"M0 0h640v480H0z"}),r.createElement("path",{fill:"#fff",d:"M.5 39.9h639v38.4H.5zM.5 118.6h639V157H.5zM.5 197.4h639v38.4H.5z"}),r.createElement("path",{fill:"#006",d:"M0 .5h320v280H0Z"}),r.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"}),r.createElement("path",{fill:"#fff",d:"M.5 276.2h639v38.4H.5zM.5 354.4h639v38.4H.5zM0 441.6h639V480H0z"})),Re=e=>r.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),r.createElement("path",{fill:"#fecb00",d:"M0 0h640v480H0z"}),r.createElement("path",{fill:"#34b233",d:"M0 160h640v320H0z"}),r.createElement("path",{fill:"#ea2839",d:"M0 320h640v160H0z"}),r.createElement("g",{transform:"translate(320 256.9) scale(176.87999)"},r.createElement("path",{id:"a",fill:"#fff",d:"m0-1 .3 1h-.6z"}),r.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(-144)"}),r.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(-72)"}),r.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(72)"}),r.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(144)"}))),Fe=e=>r.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),r.createElement("path",{fill:"#0038a8",d:"M0 0h640v240H0z"}),r.createElement("path",{fill:"#ce1126",d:"M0 240h640v240H0z"}),r.createElement("path",{fill:"#fff",d:"M415.7 240 0 480V0"}),r.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"})),Ge=e=>r.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),r.createElement("clipPath",{id:"a"},r.createElement("path",{d:"M0 0h640v480H0z"})),r.createElement("g",{clipPath:"url(#a)"},r.createElement("path",{fill:"red",d:"M0 0h720v480H0z"}),r.createElement("path",{fill:"#000095",d:"M0 0h360v240H0z"}),r.createElement("g",{fill:"#fff"},r.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"}),r.createElement("path",{d:"m155.9 120-1.9 6.9 5.1 5.1z"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.createElement("path",{d:"m186.9 94-6.9-6.9-6.9 6.9 6.9 1.9z"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.createElement("path",{d:"m160.9 100.9 2.6-9.4-16.4-4.4 4.4 16.4z"}),r.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"}),r.createElement("path",{d:"M192 75.1 180 30l-12 45.1 12 12z"}),r.createElement("path",{d:"m173.1 94 6.9-6.9-12-12-4.5 16.4z"})),r.createElement("circle",{cx:180,cy:120,r:51.1,fill:"#000095"}),r.createElement("circle",{cx:180,cy:120,r:45.1,fill:"#fff"}))),Ze=e=>r.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),r.createElement("g",{fillRule:"evenodd"},r.createElement("path",{fill:"#f4f5f8",d:"M0 0h640v480H0z"}),r.createElement("path",{fill:"#2d2a4a",d:"M0 162.5h640v160H0z"}),r.createElement("path",{fill:"#a51931",d:"M0 0h640v82.5H0zm0 400h640v80H0z"}))),Ue=e=>r.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),r.createElement("defs",null,r.createElement("clipPath",{id:"a"},r.createElement("path",{fillOpacity:.7,d:"M-85.3 0h682.6v512H-85.3z"}))),r.createElement("g",{fillRule:"evenodd",clipPath:"url(#a)",transform:"translate(80) scale(.9375)"},r.createElement("path",{fill:"#da251d",d:"M-128 0h768v512h-768z"}),r.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"}))),Xe=Object.values(z).reduce(((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e)),[]),Ke={PH:Fe,KH:We,ID:Te,IN:De,MM:Re,MY:Ve,TH:Ze,TW:Ge,VN:Ue};var _e={phoneInput:"hs5kWeB",error:"ZRGIHSZ"};const qe=m(((r,i)=>{const{isError:o,defaultCountry:s,countries:c=Xe,countryCallingCodeEditable:m=!1,defaultValue:h,value:d,onChange:p,className:g}=r,v=t(r,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),[u,f]=n(h||d),[z,E]=n(null);return l((()=>{f(d)}),[d]),l((()=>{e(void 0,void 0,void 0,(function*(){const e=yield import("react-phone-number-input");E(e)}))}),[]),z?a.createElement(z.default,Object.assign({ref:i,value:u,onChange:e=>{f(e),null==p||p(e)},countries:c,defaultCountry:s,countryCallingCodeEditable:m,className:Oe(_e.phoneInput,{isError:o,[_e.error]:o},g),flagUrl:void 0,flagComponent:e=>{const{country:r,countryName:n,flagUrl:l}=e,i=t(e,["country","countryName","flagUrl"]),o=Ke[r],s=r?`(+${z.getCountryCallingCode(r)})`:"";return o?a.createElement(a.Fragment,null,a.createElement(o,Object.assign({title:n},i)),a.createElement("span",{className:Oe(_e.callingCode,"PhoneInputCountryIconCallingCode")},s)):a.createElement(a.Fragment,null)},countrySelectProps:{arrowComponent:()=>a.createElement("div",{className:Oe(_e.arrowSelect,"PhoneInputArrowContainer")},a.createElement(Ne,null))}},v)):null}));var Qe=C(((e,t)=>({root:{color:t.color||("hb"===e.primaryColor?"hb.6":e.fn.primaryColor()),"&[data-event-category] > *":{pointerEvents:"none"}}})));export{K as A,Me as B,Ne as C,F as D,te as G,Te as I,Ve as M,Be as O,Fe as P,je as R,Ce as S,Ge as T,Ue as V,We as a,De as b,Re as c,Ze as d,ye as e,Se as f,He as g,de as h,ke as i,se as j,ve as k,Qe as l,he as m,_ as n,Z as o,ee as p,re as q,qe as r,ge as s,X as t,pe as u,G as v,q as w,ne as x,fe as y,Ee as z};

package/build/esm/useHealthToolCache-b9c0610b.js

@@ -1 +0,0 @@
-import{a as o}from"./tslib.es6-86b09138.js";import{useState as t,useEffect as i,useCallback as l}from"react";import{a as n}from"./getDynamicHealthTool-516693b6.js";const r=r=>{const[a,e]=t([]);i((()=>{o(void 0,void 0,void 0,(function*(){const o=yield n(r);e(o)}))}),[n,r]);const s=l((o=>{var t;return(null===(t=a.find((t=>t.template===o)))||void 0===t?void 0:t.link)||""}),[a]);return{allTools:a,getHealthToolLink:s}};export{r as u};

package/build/index-146dff36.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),t=require("./index-7bb39ce0.js"),a=require("./index.styled-5bc4a4b6.js"),l=require("./utils-efe1a237.js"),n=require("./index-177100b9.js"),r=require("./useUniqueId-d09e507f.js"),o=require("./gAssets.js"),i=require("./index-72884c62.js"),s=require("./theme-7f938f51.js"),d=require("./index.styled-1f25a7c0.js"),c=require("./tslib.es6-6cc6202d.js"),u=require("lodash/throttle"),m=require("keen-slider/react"),f=require("dayjs");require("./screenSizeContext-a8d848ec.js"),require("styled-components");var g=require("./index-07bd454b.js"),p=require("./isProduction-eb9ee7c9.js"),h=require("./Onboarding-42d0015c.js"),v=require("./useTranslations-180b224a.js"),y=require("date-fns"),E=require("./index-d48375af.js"),b=require("./index-596ac3bf.js"),C=require("./index-a10c456d.js"),w=require("@mantine/core");require("./index.styled-d13cbd8e.js"),require("./index-c5488d40.js");var k=require("./index.styles-a38eaf42.js");require("@mantine/hooks");var S=require("./types-391a418d.js"),x=require("./index.styled-2813b78a.js"),L=require("./index-e9025b9d.js"),T=require("./index-8e22ac59.js"),N=require("react-hook-form"),D=require("./index-e5245d33.js"),B=require("./useHealthToolCache-a700c73b.js"),_=require("./index.styled-3ac29630.js"),M=require("./dataTransform-bb7ce059.js"),A=require("./useOutsideClick-c2339c81.js"),I=require("date-fns/locale/en-US"),P=require("date-fns/locale/id"),F=require("date-fns/locale/vi"),z=require("date-fns/locale/zh-TW"),j=require("./useScreenSize-940244c4.js"),O=require("./getSocialList-cd04e009.js");function H(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var $=H(e),G=H(u),W=H(f),R=H(I),U=H(P),V=H(F),q=H(z),Z="CHw-fZZ",Y="_03U6VRS",Q="EO828Vv";const K=({pagesAmount:t,activePage:n,handlePageChange:r,handleClick:o,href:i,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,u]=e.useState(n<=4?d.slice(0,5):n>=d.length-3?d.slice(d.length-5,d.length):d.slice(n-2,n+1));return e.useEffect((()=>{n<=4?u(d.slice(0,5)):n>=d.length-3?u(d.slice(d.length-5,d.length)):u(d.slice(n-2,n+1))}),[n]),$.default.createElement(e.Fragment,null,n>4&&$.default.createElement(e.Fragment,null,$.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(1)},i?$.default.createElement("a",{href:i,onClick:o},1):1),$.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>$.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===n||void 0,onClick:()=>r(e)},i?$.default.createElement("a",{href:l.formatUrlWithPageParam(i,e,s),onClick:o},e):e))),n<d.length-3&&$.default.createElement(e.Fragment,null,$.default.createElement(a.StyledPaginationBlock,null,"..."),$.default.createElement(a.StyledPaginationBlock,{onClick:()=>r(d.length)},i?$.default.createElement("a",{href:l.formatUrlWithPageParam(i,d.length,s),onClick:o},d.length):d.length)))},X=({label:e,name:t,checked:l,className:n,isDisabled:r,onChange:o,value:i,isRectangle:s,inputDataTestId:d,siteType:c})=>$.default.createElement(a.StyledCheckbox,{className:n,"data-disabled":r||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":c},$.default.createElement("input",{type:"checkbox",checked:l,name:t,onChange:()=>o(i,!l),disabled:r,value:i,id:`${t}-${i}`,"data-label-text":e,"data-testid":d}),!s&&$.default.createElement("label",{htmlFor:`${t}-${i}`},e)),J=e=>$.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),$.default.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"})),ee=e=>$.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),$.default.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"})),te=e=>{const t=r.useUniqueId();return $.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),$.default.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"}),$.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},$.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),$.default.createElement("g",{mask:`url(#${t})`},$.default.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"})))};var ae="PiqKaXk",le="HgbW6-m",ne="_6lkfLYy",re="j7c-onH";const oe=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:r})=>$.default.createElement("div",{className:re},$.default.createElement("div",{className:"author"},$.default.createElement("div",{className:"avatar","data-size":r},e),$.default.createElement("div",{className:"poster","data-is-disabled-url":!l},$.default.createElement(t.Text,{size:"lg"===r?"p3":"p4"},$.default.createElement("a",{href:l},$.default.createElement("span",{className:"name"},a),"•"," "),$.default.createElement("span",null,n))))),ie=({isMobile:e,avatarImg:a,name:l,link:n,size:r="lg",specialty:o})=>$.default.createElement("div",{className:re},$.default.createElement("div",{className:"author"},$.default.createElement("div",{className:"expert-avatar","data-size":r},a),$.default.createElement("div",{className:"expert","data-is-disabled-url":!n},e?$.default.createElement("a",{href:n},"lg"===r?$.default.createElement($.default.Fragment,null,$.default.createElement(i.Heading,{tag:"h6",className:"expert__name",color:s.theme.colors.gray600},l),$.default.createElement(t.Text,{color:s.theme.colors.gray500,size:"p3",className:"specialty"},o)):$.default.createElement($.default.Fragment,null,$.default.createElement(i.Heading,{tag:"h6",className:"expert__name",color:s.theme.colors.gray600},l))):$.default.createElement("a",{href:n},"lg"===r?$.default.createElement($.default.Fragment,null,$.default.createElement(i.Heading,{tag:"h6",className:"expert__name",color:s.theme.colors.gray600},l),$.default.createElement(t.Text,{color:s.theme.colors.gray500,size:"p3",className:"specialty"},o)):$.default.createElement($.default.Fragment,null,$.default.createElement("h6",{color:s.theme.colors.gray600,className:`${ae} expert__name`},l),$.default.createElement(t.Text,{color:s.theme.colors.gray500,size:"p4",className:"specialty"},o))))));var se="lKjhvEi",de="HGYlQvl",ce="AyUUQv-";const ue=({LinkComponent:e,page:t,isLast:a,onChangePage:l})=>{const{label:n,value:r,isDropdown:o,dropdownItems:i,dataEventCategory:s,dataEventAction:c,dataEventLabel:u}=t;return o?$.default.createElement(d.Dropdown,{options:i,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):$.default.createElement("div",{className:ce,title:"string"!=typeof n?r:n,"data-last":a},e&&$.default.createElement(e,{"data-event-category":s,"data-event-action":c,"data-event-label":u,href:r||"#"},n))};var me=Object.freeze({__proto__:null,SideMenu:d.SideMenu,SideHeader:d.SideHeader,UserInfo:d.UserInfo,MenuLink:d.MenuLink});const fe=({status:e})=>"inActive"===e?$.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===e?$.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),$.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===e?$.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$.default.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"}),$.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):$.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})),ge=({isDisabled:e,isLeft:t,onClick:a,className:l,scheme:n="hellosites"})=>$.default.createElement(d.StyledArrow,{onClick:a,"data-is-disabled":e,"data-is-left":t,className:l},$.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t?$.default.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"===n?"#595959":"#E55C8A"}):$.default.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"===n?"#595959":"#E55C8A"})));var pe=Object.freeze({__proto__:null,Table:d.Table,Cell:d.Cell,Head:d.Head,Row:d.Row,Body:d.Body});const he=({locale:a,onClick:l,siteType:r,pageUrl:o})=>{const{t:i}=v.useTranslations(),[c,u]=e.useState(new Date);return $.default.createElement($.default.Fragment,null,$.default.createElement(d.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===r?$.default.createElement(d.StyledTextField,{label:i("dueDatePage.conceptionDate"),name:"date",size:"md",value:d.DateToInputValue(c),CustomInput:$.default.createElement(d.DatePicker,{onChange:e=>{u(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>$.default.createElement(E.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:c&&W.default(c).format(x.DUE_DATE_FORMAT)}))}),actionIcon:$.default.createElement(C.Icon.CalendarMB,{size:32})}):$.default.createElement(E.Input,{label:$.default.createElement(t.Text,{size:"n1",type:"bold",color:s.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},i("dueDatePage.conceptionDate")),value:d.DateToInputValue(c),name:"date",size:"md",className:"due-date-input",CustomInput:$.default.createElement(d.DatePicker,{customInput:e=>$.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:d.DateToInputValue(c)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:c,displayDateFormat:S.DATE_FORMAT,onChange:e=>{u(e)},placeholder:"placeholder"})})),$.default.createElement(n.Button,{className:"due-date-calculate-button",size:"lg",color:"marryBaby"===r?"secondary":"primary",theme:r,dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,onClick:()=>{l(d.getDueDateConception(c),`${g.QUERY_HEALTH_TOOL.type}=1&sd=${y.format(c,d.API_DATE_FORMAT)}&${g.QUERY_HEALTH_TOOL.additional}= `)},role:"button"},i("dueDatePage.lastPeriod.calculate")))},ve=({locale:a,onClick:l,siteType:r,pageUrl:o})=>{const{t:i}=v.useTranslations(),[c,u]=e.useState(new Date),[m,f]=e.useState("3");return $.default.createElement($.default.Fragment,null,$.default.createElement(d.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===r?$.default.createElement(d.StyledTextField,{label:i("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:d.DateToInputValue(c),CustomInput:$.default.createElement(d.DatePicker,{onChange:e=>{u(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>$.default.createElement(E.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:c&&W.default(c).format(x.DUE_DATE_FORMAT)}))}),actionIcon:$.default.createElement(C.Icon.CalendarMB,{size:32})}):$.default.createElement(E.Input,{label:$.default.createElement(t.Text,{size:"n1",type:"bold",color:s.theme.colors.gray700,style:{marginBottom:"9px",flex:"1"}},i("dueDatePage.ivf.transferDate")),value:d.DateToInputValue(c),name:"date",size:"md",className:"due-date-input",CustomInput:$.default.createElement(d.DatePicker,{customInput:e=>$.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:d.DateToInputValue(c)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:c,displayDateFormat:S.DATE_FORMAT,onChange:e=>{u(e)},placeholder:"placeholder"})})),$.default.createElement("div",{style:{width:"100%"}},$.default.createElement(d.RadioGroup,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:m,onChange:e=>f(e),options:[{value:"3",label:i("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:i("dueDatePage.ivf.transferDateRadio",{number:5})}]})),$.default.createElement(n.Button,{className:"due-date-calculate-button",size:"lg",color:"marryBaby"===r?"secondary":"primary",theme:r,dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,onClick:()=>{l(d.getDueDateIVF(c,Number(m)),`${g.QUERY_HEALTH_TOOL.type}=2&${g.QUERY_HEALTH_TOOL.startDate}=${y.format(c,d.API_DATE_FORMAT)}&${g.QUERY_HEALTH_TOOL.additional}=${m}`)},role:"button"},i("dueDatePage.lastPeriod.calculate")))},ye=({locale:a,onClick:l,siteType:r,pageUrl:o})=>{const{t:i}=v.useTranslations(),[c,u]=e.useState(28),[m,f]=e.useState(new Date);return $.default.createElement($.default.Fragment,null,$.default.createElement(d.StyledLastPeriodFormContainer,{className:"input-form","data-is-side":!0},"marryBaby"===r?$.default.createElement(d.StyledTextField,{label:i("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:d.DateToInputValue(m),CustomInput:$.default.createElement(d.DatePicker,{onChange:e=>{f(e)},placeholder:"dd/mm/yyyy",pickedDate:m,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>$.default.createElement(E.Input,Object.assign({name:"birthday",size:"md"},e,{value:m&&W.default(m).format(x.DUE_DATE_FORMAT)}))}),actionIcon:$.default.createElement(C.Icon.CalendarMB,{size:32})}):$.default.createElement(E.Input,{className:"input-section due-date-input",label:$.default.createElement(t.Text,{size:"n1",type:"bold",color:s.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},i("dueDatePage.lastPeriod.lastPeriodLabel")),value:d.DateToInputValue(m),name:"date",size:"md",CustomInput:$.default.createElement(d.DatePicker,{customInput:e=>$.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:d.DateToInputValue(m)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:m,displayDateFormat:S.DATE_FORMAT,onChange:e=>{f(e)},placeholder:"placeholder"})})),$.default.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===r?"marryBaby":""},"marryBaby"===r?$.default.createElement(L.MarryBabyText,{type:"bodytext-3",color:s.theme.mbColors.midGray},i("dueDatePage.lastPeriod.periodLengthLabel")):$.default.createElement(t.Text,{size:"n1",type:"bold",color:s.theme.colors.gray600,style:{marginBottom:"0.5rem"}},i("dueDatePage.lastPeriod.periodLengthLabel")),$.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&$.default.createElement(t.Text,{size:"s3",type:"bold",color:s.theme.colors.gray600},c),$.default.createElement(T.Slider,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,onChange:u,value:c,label:"marryBaby"!==r?void 0:null}))),$.default.createElement(n.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,className:"due-date-calculate-button",size:"lg",color:"marryBaby"===r?"secondary":"primary",theme:r,onClick:()=>l(d.getDueDateLastPeriod(m,c),`${g.QUERY_HEALTH_TOOL.type}=0&${g.QUERY_HEALTH_TOOL.startDate}=${y.format(m,d.API_DATE_FORMAT)}&${g.QUERY_HEALTH_TOOL.additional}=${c}`),role:"button"},i("dueDatePage.lastPeriod.calculate")))},Ee=({onSubmitDueDate:a,locale:l,isSide:n,siteType:r})=>{const{t:o}=v.useTranslations(),[i,c]=e.useState(d.DueDateCalculatorType.lastPeriod),u=[{value:d.DueDateCalculatorType.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:d.DueDateCalculatorType.conception,label:o("dueDatePage.conceptionDate")},{value:d.DueDateCalculatorType.IVF,label:o("dueDatePage.ivf")}],m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return $.default.createElement(d.StyledInputWrapper,null,$.default.createElement(d.StyledMethodContainer,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?$.default.createElement(d.StyledDropDown,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:u,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:u[i],onChange:e=>{c(e.value)}}):$.default.createElement($.default.Fragment,null,$.default.createElement(t.Text,{size:"n1",type:"bold",color:s.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.calculationMethod")),$.default.createElement(d.StyledMethodSwitcherContainer,{"data-is-side":n},$.default.createElement(d.Dropdown,{options:u,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:u[i],onChange:e=>{c(e.value)}})))),i===d.DueDateCalculatorType.lastPeriod?$.default.createElement(ye,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:m}):null,i===d.DueDateCalculatorType.conception?$.default.createElement(he,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:m}):null,i===d.DueDateCalculatorType.IVF?$.default.createElement(ve,{locale:l,onClick:a,isSide:n,siteType:r,pageUrl:m}):null)};function be({weight:e,height:t}){const a=t/100,l=e;return Math.round(l/(a*a)*10)/10}const Ce=({value:a,onChange:l,onSubmit:n,disabled:r,bmiGenerated:o,bmiUnit:i,locale:u,isSide:m})=>{var f,p,h,y;const[E,b]=e.useState(!1),{control:w,handleSubmit:S,setValue:L,watch:T}=N.useForm(),_=T(),{t:M}=v.useTranslations(),{gender:A=!1,age:I=!1,height:P=!1,weight:F=!1,objective:z=!0}=r||{},{getHealthToolLink:j}=B.useHealthToolsCache(u),O=e.useMemo((()=>j(x.HEALTH_TOOL_TYPE.OVULATION)),[j]),H=e.useMemo((()=>[{value:"male",label:M("gender.male"),content:$.default.createElement(C.Icon.GenderChooseBoy,null)},{value:"female",label:M("gender.female"),content:$.default.createElement(C.Icon.GenderChooseGirl,null)}]),[]),G=e.useMemo((()=>[{value:"lose-weight",label:M("bmi.objective.loseWeight")},{value:"maintain-weight",label:M("bmi.objective.maintainWeight")},{value:"gain-weight",label:M("bmi.objective.gainWeight")}]),[]),W=()=>{b(!0)};return e.useEffect((()=>{Object.keys(a||{}).forEach((e=>{L(e,null==a?void 0:a[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[a]),e.useEffect((()=>{l&&l(_)}),[_]),$.default.createElement(d.StyledContainer$1,null,$.default.createElement("form",{onSubmit:S((e=>c.__awaiter(void 0,void 0,void 0,(function*(){const t=i.heightConvert(e.height),a=i.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:a,bmi:be({height:t,weight:a})};z||(l.objective=e.objective),W(),n&&n(l)}))),W)},!A&&$.default.createElement(d.FormControl,{"data-is-side":m},$.default.createElement(N.Controller,{name:"gender",control:w,defaultValue:"male",render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>$.default.createElement(d.StyledInput,{size:"md",name:e,label:o.gender.label,CustomInput:$.default.createElement(D.RadioImageGroup,{options:H,value:t,onChange:e=>a(e),className:"bmi--input-radio_gender "+(m?"bmi-side-embed":"")}),errorMessage:E?null==l?void 0:l.message:"",className:"bmi--input bmi--input-gender"})})),$.default.createElement(d.StyledRow,{"data-is-side":m},!I&&$.default.createElement(d.FormControl,null,$.default.createElement(N.Controller,{name:"age",control:w,rules:null===(f=o.age)||void 0===f?void 0:f.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>$.default.createElement(k.Input.Number,{label:$.default.createElement(t.Text,{size:"label2",type:"bold",color:s.theme.colors.gray600},o.age.label),placeholder:M("healthtool.placeholder.age"),name:e,value:a,onChange:l,error:E?null==n?void 0:n.message:"",min:0})})),!P&&$.default.createElement(d.FormControl,null,$.default.createElement(N.Controller,{name:"height",control:w,rules:null===(p=o.height)||void 0===p?void 0:p.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>$.default.createElement(k.Input.Number,{label:$.default.createElement(t.Text,{size:"label2",type:"bold",color:s.theme.colors.gray600},o.height.label),placeholder:M("pwg.placeholder.height"),name:e,value:a,onChange:l,error:E?null==n?void 0:n.message:"",min:0})})),!F&&$.default.createElement(d.FormControl,null,$.default.createElement(N.Controller,{name:"weight",control:w,rules:null===(h=o.weight)||void 0===h?void 0:h.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:n}})=>$.default.createElement(k.Input.Number,{label:$.default.createElement(t.Text,{size:"label2",type:"bold",color:s.theme.colors.gray600},o.weight.label),placeholder:M("pwg.placeholder.weight"),name:e,value:a,onChange:l,error:E?null==n?void 0:n.message:"",precision:1,min:0})})),!z&&$.default.createElement(d.FormControl,null,$.default.createElement(N.Controller,{name:"objective",control:w,defaultValue:"lose-weight",rules:null===(y=o.objective)||void 0===y?void 0:y.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>$.default.createElement(d.StyledInput,{size:"md",name:e,label:o.objective.label,CustomInput:$.default.createElement(d.RadioGroup,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:G,value:t,onChange:a}),errorMessage:E?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}))),$.default.createElement("div",{style:{display:"flex"}},$.default.createElement(d.StyledButton,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${g.domainLocales[u]}/${O}`},M("bmi.submit")))))},we=({value:a,options:l,className:n,direction:r="horizontal",onChange:o,isDisabled:i})=>{const[s,c]=e.useState(a);return $.default.createElement(d.StyledRadioImageGroup,{className:n,"data-direction":r},l.map(((e,l)=>$.default.createElement(d.StyledRadioImageItem,{"data-selected":(a||s)===e.value,"data-disabled":i,key:`health-tool${l}`,onClick:()=>{var t;t=e.value,i||(c(t),o&&o(t))}},$.default.createElement("div",null,$.default.createElement("img",{src:(a||s)===e.value?e.imageActive:e.image,className:"gender-image",alt:""}),e.label&&$.default.createElement(t.Text,{type:"bold",className:"radio-group-item-heading",size:"label1"},e.label))))))},ke=({info:a,className:l,style:n,onChange:r,errorMessage:o={},locale:i})=>{const{t:c}=v.useTranslations(),[u,m]=e.useState(new Date),[f,g]=e.useState({age:!1,rate:!1});return e.useEffect((()=>{g({age:!1,rate:!1})}),[o]),$.default.createElement(d.StyledContainer$2,{style:n,className:l},$.default.createElement(E.Input,{className:"input-section due-date-input",label:$.default.createElement(t.Text,{size:"n1",type:"bold",color:s.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("targetHeartRate.ageInput")),value:d.DateToInputValue(u),name:"date",size:"md",CustomInput:$.default.createElement(d.DatePicker,{customInput:e=>$.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:d.DateToInputValue(u)})),disabledDays:{after:new Date(y.addDays(new Date,0))},locale:i,pickedDate:u,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{m(e),g((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:y.format(new Date(e),d.API_DATE_FORMAT)});r&&r(t)})(e)},placeholder:"placeholder"}),errorMessage:f.age?"":o.age}))},Se=({info:a,className:l,style:n,onChange:r,errorMessage:o={},locale:i,onClick:c,isSide:u})=>{const{t:m}=v.useTranslations(),[f,p]=e.useState({age:!1,height:!1,weight:!1}),{getHealthToolLink:h}=B.useHealthToolsCache(i),y=e.useMemo((()=>h(x.HEALTH_TOOL_TYPE.OVULATION)),[h]),[E,b]=e.useState("male"),w=e.useMemo((()=>[{value:"male",label:m("gender.male"),content:$.default.createElement(C.Icon.GenderChooseBoy,null)},{value:"female",label:m("gender.female"),content:$.default.createElement(C.Icon.GenderChooseGirl,null)}]),[]),S=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},L=e=>{var t,l;l=e=>{p((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:e});r&&r(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||l(t)};return e.useEffect((()=>{r&&r(Object.assign(Object.assign({},a),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((()=>{p({age:!1,height:!1,weight:!1})}),[o]),$.default.createElement(d.StyledContainer$3,{style:n,className:l},$.default.createElement(d.FormControl$2,{"data-is-side":u},$.default.createElement(d.StyledInput$2,{size:"md",name:"gender",label:m("bmi.selectGender"),CustomInput:$.default.createElement(D.RadioImageGroup,{options:w,value:E,onChange:e=>b(e),className:"bmi--input-radio_gender "+(u?"bmi-side-embed":"")}),className:"bmi--input bmi--input-gender"})),$.default.createElement(d.StyledRow$2,{"data-is-side":u},$.default.createElement(d.FormControl$2,null,$.default.createElement(k.Input.Number,{label:$.default.createElement(t.Text,{size:"label2",type:"bold",color:s.theme.colors.gray600},m("bmi.ageInput")," ",$.default.createElement(t.Text,{size:"label2",type:"bold",color:s.theme.colors.gray300,as:"span"},m("bmi.ageInput.desc"))),placeholder:m("healthtool.placeholder.age"),value:Number(a.age),onChange:e=>L(String(e)),error:f.age?"":o.age,min:0})),$.default.createElement(d.FormControl$2,null,$.default.createElement(k.Input.Number,{label:$.default.createElement(t.Text,{size:"label2",type:"bold",color:s.theme.colors.gray600},m("bmi.heightInput")," ",$.default.createElement(t.Text,{size:"label2",type:"bold",color:s.theme.colors.gray300,as:"span"},m("bmi.heightInput.desc"))),placeholder:m("pwg.placeholder.height"),value:Number(a.height),onChange:e=>{return t=String(e),void S(t,(e=>{p((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},a),{height:e});r&&r(t)}));var t},error:f.height?"":o.height,min:0})),$.default.createElement(d.FormControl$2,null,$.default.createElement(k.Input.Number,{label:$.default.createElement(t.Text,{size:"label2",type:"bold",color:s.theme.colors.gray600},m("bmi.weightInput")," ",$.default.createElement(t.Text,{size:"label2",type:"bold",color:s.theme.colors.gray300,as:"span"},m("bmi.weightInput.desc"))),placeholder:m("pwg.placeholder.weight"),value:Number(a.weight),onChange:e=>{return t=String(e),p((e=>Object.assign(Object.assign({},e),{weight:!0}))),void S(t,(e=>{const t=Object.assign(Object.assign({},a),{weight:e});r&&r(t)}));var t},error:f.weight?"":o.weight,min:0,precision:1}))),$.default.createElement("div",{style:{display:"flex"}},$.default.createElement(d.StyledButton$2,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${g.domainLocales[i]}/${y}`,onClick:()=>{c(E)}},m("bmi.submit"))))};var xe="eM8ChWU",Le="KAx1aqi",Te="QcFfKPB",Ne="brbyNAY",De="W65hTnn";const Be=({src:e,title:t,backgroundSrc:a,className:l,reviewedSection:n,isSide:r})=>$.default.createElement("div",{className:`${xe} ${l||""}`},$.default.createElement("div",{className:Le,style:{backgroundImage:`url("${a}")`}},$.default.createElement("div",{className:Te,"data-is-side":r},$.default.createElement("div",{className:Ne,"data-is-side":r},$.default.createElement(i.Heading,{tag:"h4",color:"white"},t),n),$.default.createElement("div",{className:De},$.default.createElement("img",{src:e||"",style:{objectFit:"contain"},alt:t})))));var _e="zvE9IoJ",Me="njDC-ia",Ae="ESkUhe9",Ie="wZLIQYa";const Pe=({backgroundDesktopSrc:e,backgroundMobileSrc:a,title:l,className:n,isSide:r,ovulationContent:o})=>{var d,c,u;const{t:m}=v.useTranslations(),f=M.formatUserProfileUrl(null==o?void 0:o.reviewed_by);return $.default.createElement("div",{className:`${_e} ${n}`,"data-is-side":r},$.default.createElement("div",{className:Me,style:{backgroundImage:`url('${a||e}')`}},$.default.createElement("div",{className:Ie},$.default.createElement(i.Heading,{tag:"h5",color:"white"},l),(null===(d=null==o?void 0:o.reviewed_by)||void 0===d?void 0:d.display_name)?$.default.createElement(t.Text,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},$.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("articlePage.articleReviewerBy",{name:`<a\n                          style="color: white"\n                          href="${f}"\n                        >\n                        ${o.reviewed_by.display_name}\n                        </a>`})}}),$.default.createElement("span",null,m("tools.heading.on")),$.default.createElement("span",null,null==o?void 0:o.reviewed_date)):null),$.default.createElement("div",{className:Ae,"data-is-side":r},$.default.createElement("img",{src:(null==o?void 0:o.featured_image)||"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:l}))),$.default.createElement(Be,{className:"desktop-only",src:(null==o?void 0:o.featured_image)||"",backgroundSrc:e||a||"",title:l,reviewedSection:(null===(c=null==o?void 0:o.reviewed_by)||void 0===c?void 0:c.display_name)&&""!==(null===(u=null==o?void 0:o.reviewed_by)||void 0===u?void 0:u.display_name)&&$.default.createElement(t.Text,{size:"n1",color:s.theme.colors.white,style:{marginTop:12}},$.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("toolPage.toolReviewer",{expert_name:`<a\n                        style="color: white"\n                        href="${f}"\n                      >\n                        ${o.reviewed_by.display_name}\n                      </a>`,date:null==o?void 0:o.reviewed_date})}}),$.default.createElement("span",null)),isSide:r}))},Fe=({siteType:t,info:l,onChange:n,errorMessage:r={}})=>{const{t:o}=v.useTranslations(),[i,c]=e.useState({weightBefore:!1,height:!1,weight:!1}),[u,m]=e.useState(0),f=e.useRef(null);e.useEffect((()=>{var e;m(null===(e=f.current)||void 0===e?void 0:e.clientHeight)}));const g=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},p=e=>{g(e,(e=>{c((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},l),{weightBefore:e});n&&n(t)}))},h=e=>{g(e,(e=>{c((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});n&&n(t)}))},y=e=>{g(e,(e=>{c((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},l),{weight:e});n&&n(t)}))};return e.useEffect((()=>{n&&n(Object.assign({},l))}),[]),e.useEffect((()=>{c({weightBefore:!1,height:!1,weight:!1})}),[r]),"marryBaby"===t?$.default.createElement($.default.Fragment,null,$.default.createElement("div",{className:"input-form-pwg input-section"},$.default.createElement(d.StyledTextField,{label:o("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==l?void 0:l.height,CustomInput:$.default.createElement(E.Input,{className:(null==i?void 0:i.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.height,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==i?void 0:i.height)?"":null==r?void 0:r.height,showErrorMessage:!1,onChange:h})})),$.default.createElement("div",{className:"input-form-pwg input-section"},$.default.createElement(d.StyledTextField,{label:o("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==l?void 0:l.weightBefore,CustomInput:$.default.createElement(E.Input,{className:(null==i?void 0:i.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.weightBefore,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==i?void 0:i.weightBefore)?"":null==r?void 0:r.height,showErrorMessage:!1,onChange:p})})),$.default.createElement("div",{className:"input-form-pwg input-section"},$.default.createElement(d.StyledTextField,{label:o("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==l?void 0:l.weight,CustomInput:$.default.createElement(E.Input,{className:(null==i?void 0:i.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.weight,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==i?void 0:i.weight)?"":null==r?void 0:r.weight,showErrorMessage:!1,onChange:y})}))):$.default.createElement($.default.Fragment,null,$.default.createElement("div",{className:"input-form-pwg"},$.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.height"),className:"input-section",label:$.default.createElement("span",{style:{color:s.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},o("pregnancyWeightGain.heightInput")," ",$.default.createElement("span",{style:{color:`${s.theme.colors.gray300}`}},o("bmi.heightInput.desc"))),errorMessage:i.height?"":null==r?void 0:r.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==l?void 0:l.height,onChange:h})),$.default.createElement("div",{className:"input-form-pwg"},$.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:$.default.createElement("span",{style:{color:s.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:f,className:"label-text"},o("pregnancyWeightGain.weightBeforeInput")," ",$.default.createElement("span",{style:{color:`${s.theme.colors.gray300}`}},o("pregnancyWeightGain.weightInput.desc"))),errorMessage:i.weightBefore?"":null==r?void 0:r.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:p,value:null==l?void 0:l.weightBefore})),$.default.createElement("div",{className:"input-form-pwg"},$.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:$.default.createElement("span",{style:{color:s.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:u},className:"label-text"},o("pregnancyWeightGain.weightInput")," ",$.default.createElement("span",{style:{color:`${s.theme.colors.gray300}`}},o("pregnancyWeightGain.weightInput.desc"))),errorMessage:i.weight?"":null==r?void 0:r.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==l?void 0:l.weight,onChange:y})))};const ze={"en-PH":R.default,"vi-VN":V.default,"zh-TW":q.default,"id-ID":U.default};function je(t){const{value:a={from:null,to:null}}=t,[l,n]=e.useState(null),{isMobile:r}=j.useScreenSize(),[o,i]=e.useState((()=>a)),[s,c]=e.useState((()=>{var e;return y.startOfMonth(null!==(e=a.from)&&void 0!==e?e:new Date)})),u=e.useMemo((()=>y.addMonths(s,1)),[s]);const m=Object.assign(Object.assign({},t),{goToNextMonth:function(){c((e=>y.addMonths(e,1)))},goToPreviousMonth:function(){c((e=>y.subMonths(e,1)))},range:o,setRange:i,hoverDay:l,setHoverDay:n});return $.default.createElement($.default.Fragment,null,$.default.createElement(Oe,Object.assign({},m,{date:s})),!r&&$.default.createElement(d.StyledCalendarMonthSeparator,null),!r&&$.default.createElement(Oe,Object.assign({},m,{date:u})))}function Oe({date:t,range:a,setRange:l,onChange:r,goToPreviousMonth:i,goToNextMonth:s,minDate:c,maxDate:u,close:m=(()=>{}),autoClose:f=!1,hoverDay:g,setHoverDay:p}){const{locale:h}=v.useTranslations(),E=e.useMemo((()=>{var e;return null!==(e=ze[h])&&void 0!==e?e:ze["en-PH"]}),[h]),b=e.useMemo((()=>y.format(t,"MMMM",{locale:E})),[t,E]),C=e.useMemo((()=>E?[1,2,3,4,5,6,0].map((e=>E.localize.day(e,{width:"narrow"}))):[]),[E]);function w(e,t){if(null===e)return $.default.createElement(d.StyledCalendarDayNumberWrapper,{key:`idx-${t}`,"data-empty":"true"});const n=e.getDate(),r=y.isToday(e),o=!!a.from&&y.isSameDay(a.from,e),i=!!a.to&&y.isSameDay(a.to,e),s=o||i;let h=!1;null!==g&&a.from&&y.isBefore(a.from,g)&&!a.to?h=y.isWithinInterval(e,{start:a.from,end:g}):a.from&&a.to&&(h=y.isWithinInterval(e,{start:a.from,end:a.to}));let v=!1;return c&&u?v=!y.isWithinInterval(e,{start:c,end:u}):c?v=y.isBefore(e,c):u&&(v=y.isAfter(e,u)),$.default.createElement(d.StyledCalendarDayNumberWrapper,{key:n,"data-is-today":r,"data-is-past":!r&&y.isPast(e),"data-is-selected":s,"data-is-disabled":v,"data-in-range":h,"data-is-from":o,"data-is-to":i,onMouseEnter:()=>{p(e)},onMouseLeave:()=>p(null),onClick:()=>{v||l((t=>(f&&a.from&&!a.to&&m(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?y.isBefore(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})}(e,t))))}},$.default.createElement(d.StyledCalendarDayNumber,{onClick:()=>{}},$.default.createElement("p",null,n)))}return e.useEffect((()=>{a.from&&a.to&&r(a)}),[a]),$.default.createElement(d.StyledCalendarWrapper,{className:"calendar-wrapper"},$.default.createElement(d.StyledCalendarHead,null,$.default.createElement(n.Button,{onClick:i,size:"md",color:"ghost",icon:$.default.createElement("img",{src:o.CommonGAssets.getAssetPath("calendarArrowLeft.svg")})}),$.default.createElement("div",{className:"calendar-month"},b,$.default.createElement("strong",null,y.format(t,"yyyy"))),$.default.createElement(n.Button,{onClick:s,size:"md",color:"ghost",icon:$.default.createElement("img",{src:o.CommonGAssets.getAssetPath("calendarArrowRight.svg")})})),$.default.createElement(d.StyledCalendarCellsWrapper,null,$.default.createElement("div",null,$.default.createElement(d.StyledCalendarDaysOfWeek,null,C.map(((e,t)=>$.default.createElement(d.StyledCalendarDayLabel,{key:`${e}-${t}`},e))))),$.default.createElement("div",null,function(){const e=t.getFullYear(),l=t.getMonth(),n=y.getDaysInMonth(t),r=[];for(let t=1;t<=n;t++)r.push(new Date(e,l,t));const o=r[0]?r[0].getDay():0;if(1!==o){const e=0===o?6:o-1;for(let t=0;t<e;t++)r.unshift(null)}return $.default.createElement(d.StyledCalendarMonthWrapper,{key:`month-${l}`,"data-month-index":l,"data-has-range":Boolean(a.from&&a.to)},$.default.createElement(d.StyledCalendarDaysWrapper,null,$.default.createElement(d.StyledCalendarDateGrid,null,r.map(w))))}())))}const He=()=>$.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$.default.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"}),$.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),$e=()=>$.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},$.default.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"}));exports.Alert=({style:e,onClose:a,text:l,type:n,contentIcon:r,closeIcon:o,className:i,description:s})=>$.default.createElement("div",{className:`${Z} ${i||""}`,style:e,"data-alert-type":n},$.default.createElement("div",{className:Y},$.default.createElement("div",{className:"icon-title"},r,$.default.createElement(t.Text,{type:"bold",size:"label1"},l)),$.default.createElement(t.Text,{type:"regular",size:"p3"},s)),$.default.createElement("div",{className:Q,onClick:a},o)),exports.ArticleCard=({articleLink:e,authorLink:a,authorName:l,avatarImg:n,banner:r,categoryLink:s,categoryName:c,className:u,dataEventActionForBanner:m,dataEventActionForBookmark:f,dataEventActionForCategory:g,dataEventActionForTitle:p,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:v,dataEventCategoryForCategory:y,dataEventCategoryForTitle:E,dataEventLabelForBanner:b,dataEventLabelForBookmark:C,dataEventLabelForCategory:w,dataEventLabelForTitle:k,direction:S="horizontal",hasAffiliate:x,isBookmark:L=!1,isBookmarkDisplayed:T=!0,isMobile:N=!0,onBookmark:D,onClickCategoryName:B,section:_="normal",size:M="md",specialty:A,style:I,styleBanner:P,styleLabel:F,styleTitle:z,text:j,title:O,type:H="author",uploadTime:G,articleLinkTarget:W,isPremium:R})=>{const U=e=>{e.stopPropagation(),null==D||D()},V="lg"===M&&"expert"===H?"h4":"lg"===M&&"home"===_?N?"h4":"h3":"lg"===M?"h4":"h5",q="lg"===M?"p3":"p4",Z=N||"home"!==_||"lg"!==M||"author"!==H?"c2":"c1";return $.default.createElement("article",{className:`${ne} ${u||""}`,"data-size":M,style:I,"data-direction":S,"data-is-expert":"expert"===H||void 0},$.default.createElement("div",{className:"banner",style:P},$.default.createElement("a",{className:le,"data-event-category":h,"data-event-action":m,"data-event-label":b,href:e||"#",target:W},r),R&&$.default.createElement("img",{loading:"lazy",className:"premium",src:o.CommonGAssets.getAssetPath("premium-crown.svg")}),x&&$.default.createElement(d.AffiliateIcon,null)),$.default.createElement("div",{className:"content"},$.default.createElement("div",{className:"inner-content"},$.default.createElement(t.Text,{style:F,className:"label",size:Z,type:"caption"},$.default.createElement("a",{className:le,"data-event-category":y,"data-event-action":g,"data-event-label":w,href:s||"#",onClick:B},c),T&&$.default.createElement("a",{className:"bookmark",onClick:U},L?$.default.createElement(d.BookmarkedIcon,{dataEventCategoryForBookmark:v,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}):$.default.createElement(d.UnbookmarkedIcon,{dataEventCategoryForBookmark:v,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}))),$.default.createElement(i.Heading,{tag:V,style:z,className:"title",as:"lg"===M?"h2":"h3"},$.default.createElement("a",{className:le,"data-event-category":E,"data-event-action":p,"data-event-label":k,href:e||"#",target:W},O)),j&&$.default.createElement("a",{href:e||"#",target:W},$.default.createElement(t.Text,{size:q,className:"text"},j))),$.default.createElement("div",{className:"footer"},"author"===H?$.default.createElement(oe,{size:M,avatarImg:n,authorName:l,authorLink:a,uploadTime:G,handleClick:U,isBookmarked:L,dataEventCategoryForBookmark:v,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}):$.default.createElement(ie,{size:M,isMobile:N,avatarImg:n,specialty:A,name:l,link:a,handleClick:U,isBookmarked:L,dataEventCategoryForBookmark:v,dataEventActionForBookmark:f,dataEventLabelForBookmark:C}))))},exports.BMICardEmbed=({isMobile:e,onSubmit:a,bmiContent:l,isSide:n,bmiGenerated:r,bmiUnit:i,bmiLink:c,locale:u})=>{var m,f,g;const{t:p}=v.useTranslations();return $.default.createElement(d.StyledContainer,{"data-is-side":n},$.default.createElement(d.ToolsBannerCard,{isSide:n,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:$.default.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:p("bmi.heading"),medicalReview:(null===(m=null==l?void 0:l.reviewBy)||void 0===m?void 0:m.reviewer)?$.default.createElement(t.Text,{size:"n1",color:s.theme.colors.white},$.default.createElement("span",{dangerouslySetInnerHTML:{__html:p("toolPage.toolReviewer",{expert_name:`<a\n                            style="color: white"\n                            href="${(null===(f=null==l?void 0:l.reviewBy)||void 0===f?void 0:f.link)||"#"}"\n                          >\n                            ${l.reviewBy.reviewer}\n                          </a>`,date:null===(g=null==l?void 0:l.reviewBy)||void 0===g?void 0:g.date})}}),$.default.createElement("span",null)):void 0,isMobile:e}),$.default.createElement(b.Container,null,$.default.createElement(d.StyledContent,{as:"div","data-is-side":n},c&&$.default.createElement(Ce,{onSubmit:a,bmiGenerated:r,locale:u,bmiUnit:i,isSide:n}))))},exports.BMRCardEmbed=({isSide:e,locale:a,bmrContent:l,isMobile:n,info:r,inputErrorMessage:i,onFormChange:c,onSubmit:u})=>{var m,f,g;const{t:p}=v.useTranslations();return $.default.createElement(d.StyledContainer,{"data-is-side":e},$.default.createElement(d.ToolsBannerCard,{isSide:e,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:$.default.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:p("bmr.heading"),medicalReview:(null===(m=null==l?void 0:l.reviewBy)||void 0===m?void 0:m.reviewer)?$.default.createElement(t.Text,{size:"n1",color:s.theme.colors.white},$.default.createElement("span",{dangerouslySetInnerHTML:{__html:p("toolPage.toolReviewer",{expert_name:`<a\n                            style="color: white"\n                            href="${(null===(f=null==l?void 0:l.reviewBy)||void 0===f?void 0:f.link)||"#"}"\n                          >\n                            ${l.reviewBy.reviewer}\n                          </a>`,date:null===(g=null==l?void 0:l.reviewBy)||void 0===g?void 0:g.date})}}),$.default.createElement("span",null)):void 0,isMobile:n}),$.default.createElement(b.Container,null,$.default.createElement(d.StyledContent,{onSubmit:e=>e.preventDefault(),"data-is-side":e},$.default.createElement(d.StyledInputForm,null,$.default.createElement(Se,{info:r,locale:a,errorMessage:i,onChange:c,onClick:u,isSide:e})))))},exports.BabyGrowthCardEmbed=({isMobile:e,className:a,onSubmit:l,onError:n,schema:r,babyGrowthContent:i,siteType:c})=>{var u;const{t:m}=v.useTranslations();return $.default.createElement(d.StyledContainer,{"babyGrowthContent-is-mobile":e,"data-site":c},$.default.createElement(d.ToolsBannerCard,{siteType:c,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===c&&s.theme.mbColors.mint,isEmbeded:!0,icon:$.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==i?void 0:i.featuredImage)||"",style:{maxWidth:"100%"}}),heading:(null==i?void 0:i.title)||"",medicalReview:(null===(u=null==i?void 0:i.reviewBy)||void 0===u?void 0:u.reviewer)?$.default.createElement(t.Text,{size:"label2",color:s.theme.colors.white,className:"embedded-review",dangerouslySetInnerHTML:{__html:m("toolPage.toolReviewer",{expert_name:`<a style="color: white" href="${i.reviewBy.link||"#"}">${i.reviewBy.reviewer.trim()}</a>`,date:i.reviewBy.date})}}):void 0,isMobile:e}),$.default.createElement(d.StyledBabyGrowthWrapper,{"data-theme":c},$.default.createElement(d.StyleForm,{siteType:c,schema:r,className:a,onSubmit:l,onError:n})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:a,locale:l,isMobile:r,currentUrl:c,isSide:u})=>{const{t:m}=v.useTranslations(),{reviewedBy:f,reviewedDate:g}=e;return $.default.createElement(d.StyledBabyPoopHeader,null,$.default.createElement(w.Container,{className:"px-16",style:{height:"100%",display:""+(r?"flex":""),flexDirection:"column"}},r&&$.default.createElement(d.StyledBabyPoopHeaderContentImage,{src:o.CommonGAssets.getAssetPath("babyDiaper.png"),alt:e.title}),$.default.createElement(d.StyledBabyPoopHeaderContent,{"data-is-side":u},$.default.createElement(d.StyledBabyPoopHeaderContentText,{"data-is-side":u},$.default.createElement(i.Heading,{tag:"h2",color:"#284A75"},e.title),$.default.createElement(t.Text,{size:"p3",className:"description"},e.description),!!f&&$.default.createElement(d.StyledBabyPoopHeaderReview,{className:"reviewer"},$.default.createElement("img",{src:o.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:"check-icon"}),$.default.createElement(t.Text,{size:"p4",color:s.theme.colors.gray600},m("categoryPage.info.reviewed")," ",$.default.createElement("a",{href:f.profileUrl},f.displayName)," ",m("categoryPage.onDate",{date:g}))),$.default.createElement(n.Button,{color:"primary",size:"md",className:"mt-16 find-out-button",onClick:a,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:c,style:{visibility:Boolean(a)?"visible":"hidden"}},m("babyPoop.findOut"))),!r&&$.default.createElement(d.StyledBabyPoopHeaderContentImage,{src:o.CommonGAssets.getAssetPath("babyDiaper.png"),alt:e.title,"data-is-vietnam":l===h.LOCALE.Vietnam,className:"banner-img"}))))},exports.Badge=({amount:e,type:t,size:l="medium",color:n="primary",icon:r,className:o})=>$.default.createElement(a.StyledBadge,{"data-notification-type":t,"data-notification-size":l,"data-notification-color":n,"data-has-icon":!!r||void 0,notificationType:t,notificationSize:l,notificationColor:n,hasIcon:!!r,className:o},$.default.createElement("div",null,e&&$.default.createElement("span",null,e)," ",r&&$.default.createElement("div",null,r))),exports.BorderHeading=({style:e,children:t,className:l,size:n="lg",type:r="bold",upperCase:o,as:i="h4",color:s})=>$.default.createElement(a.StyledBorderHeading,{style:Object.assign({color:s},e),className:l,"data-size":n,"data-type":r,"data-uppercase":o,as:i},t),exports.Breadcrumbs=({className:t,pages:a,size:l,LinkComponent:n="a",onChangePage:r,separator:o})=>{const i=e.useMemo((()=>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 $.default.createElement("div",{"data-size":l,className:`${se} ${t||""}`},i.map(((t,a)=>{const s=a+1===i.length;return $.default.createElement(e.Fragment,{key:a},$.default.createElement(ue,{LinkComponent:n,page:t,isLast:s,onChangePage:r}),!s&&(t.separator||o||$.default.createElement("div",{className:de,"data-size":l})))})))},exports.Carousel=({row:t,column:a,children:l,scheme:n="hellosites",classNameLeftArrow:r="",classNameRightArrow:o="",mode:i="snap",isDotsShown:s=!0,isArrowShown:c=!1,dataEventCategory:u,dataEventAction:f,dataEventLabel:g,onChangePage:p})=>{const[h,v]=$.default.useState(0),[y,E]=e.useState(!1),[b,C]=m.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged(e){v(e.track.details.rel),p&&p(e.track.details.rel)},created(){E(!0)},drag:!0,mode:i,slides:{spacing:12}}),w=[],k=t*a;for(let e=0;e<l.length;e+=k){const t=l.slice(e,e+k);w.push(t)}return $.default.createElement(d.StyledCarousel,{row:t,column:a},$.default.createElement("div",{className:"navigation-wrapper"},$.default.createElement("div",{ref:b,className:"keen-slider slides-wrapper"},w.map(((e,t)=>$.default.createElement("div",{key:t,className:"keen-slider__slide page-items"},e.map(((e,t)=>$.default.createElement("div",{key:t},e))))))),y&&C.current&&c&&$.default.createElement($.default.Fragment,null,$.default.createElement(ge,{isLeft:!0,onClick:e=>{var t;return e.stopPropagation()||(null===(t=C.current)||void 0===t?void 0:t.prev())},isDisabled:0===h,scheme:n,className:`left-arrow ${r}`,"data-event-category":u,"data-event-action":f,"data-event-label":g}),$.default.createElement(ge,{isLeft:!1,onClick:e=>{var t;return e.stopPropagation()||(null===(t=C.current)||void 0===t?void 0:t.next())},isDisabled:h===C.current.track.details.slides.length-1,scheme:n,className:`right-arrow ${o}`,"data-event-category":u,"data-event-action":f,"data-event-label":g}))),y&&C.current&&s&&$.default.createElement("div",{className:"dots"},[...Array(C.current.track.details.slides.length)].map(((e,t)=>$.default.createElement(d.StyledDot,{key:t,onClick:()=>{var e;null===(e=C.current)||void 0===e||e.moveToIdx(t)},"data-is-active":h===t,"data-is-hellosites":"hellosites"===n})))))},exports.CategoryCard=({imgBanner:e,label:a,className:l,style:n,href:r="",dataEventCategory:o,dataEventAction:i,dataEventLabel:s})=>$.default.createElement(d.StyledCategoryCard,{"data-event-category":o,"data-event-action":i,"data-event-label":s,className:l,style:n,href:r,onClick:e=>{""===r&&e.preventDefault()}},$.default.createElement("div",{className:"banner"},e),$.default.createElement("div",{className:"content"},$.default.createElement(t.Text,{className:"category_name",size:"sm",type:"bold"},a))),exports.Checkbox=X,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:l=[],className:n,type:r="vertical",isDisabled:o,isRectangle:i})=>{const s=(e,l)=>{const n=t.slice();if(l)n.push(e);else{const t=n.findIndex((t=>t===e));n.splice(t,1)}a&&a(n)};return $.default.createElement(d.StyledCheckboxGroup,{className:n,"data-type":r,"data-is-rectangle":i||void 0},l.map(((a,l)=>$.default.createElement(X,{label:a.label,name:e,key:`${l}-${a.value}`,checked:t.includes(a.value),value:a.value,isDisabled:o||a.disabled,onChange:!o&&s,isRectangle:i}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:n="",description:r="",theme:o="helloSites",isOpen:i=!0,useDefaultPosition:s=!0,trackingAttributes:c})=>$.default.createElement(d.StyledAcceptCardContainer,{className:e,"data-theme":o,"data-is-open":i,"data-default-position":s},$.default.createElement(d.StyledTitleSection,{"data-has-content":!!n},n),$.default.createElement(d.StyledDescription,{dangerouslySetInnerHTML:{__html:r}}),$.default.createElement(d.StyledButtonGroup,null,$.default.createElement(d.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"data-event-category":null==c?void 0:c.dataEventCategory,"data-event-action":null==c?void 0:c.dataEventAction,"data-event-label":null==c?void 0:c.dataEventLabel},l.acceptButton),$.default.createElement(d.StyledPoliciesButton,{href:t},l.policiesButton))),exports.DateRangePicker=function({inputSize:t="md",name:l="date-range-picker",value:n,minDate:r,maxDate:i,onChange:s,className:c,autoClose:u=!1}){n||(n={from:null,to:null});const[m,f]=e.useState(!1);function g(){f(!1)}const p=e.useRef(null);function h(e){s&&s(e)}function v(e){return y.format(e,"dd/MM/yyyy")}A.useOutsideClick(p,(()=>{g()}));const E=e.useMemo((()=>n.from&&n.to?y.isSameDay(n.from,n.to)?v(n.from):`${v(n.from)} - ${v(n.to)}`:""),[n.from,n.to]);return $.default.createElement(d.StyledWrapper,{className:[c,m&&"focused"].filter(Boolean).join(" "),ref:p},$.default.createElement("label",{htmlFor:l},$.default.createElement(a.PureInput,{size:t,value:E,name:l,actionIcon:$.default.createElement("img",{src:o.CommonGAssets.getAssetPath("calendar.svg")}),onFocus:()=>f(!0)})),m?$.default.createElement(d.StyledCalendarWrapper$1,{onMouseDown:e=>{e.stopPropagation()}},$.default.createElement(je,{value:n,onChange:h,minDate:r,maxDate:i,close:g,autoClose:u})):null)},exports.DueDateCardEmbed=({isMobile:e,locale:a,onSubmitDueDate:l,dueDatePageInfo:n,expertUrl:r,isSide:i,siteType:c})=>{var u;const{t:m}=v.useTranslations();return $.default.createElement(d.StyledContainer,{"data-is-side":i,"data-site":c},$.default.createElement(d.ToolsBannerCard,{isSide:i,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:c,bannerColor:"marryBaby"===c&&s.theme.mbColors.mint,isEmbeded:!0,icon:$.default.createElement("img",{alt:"health-tool-icon",src:null==n?void 0:n.featured_image,style:"marryBaby"!==c?{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}:null}),heading:m("healthTools.dueDateCalculator"),medicalReview:(null===(u=null==n?void 0:n.reviewed_by)||void 0===u?void 0:u.display_name)?$.default.createElement(t.Text,{size:"label2",color:s.theme.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:e}),$.default.createElement(d.StyledContent,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":i},$.default.createElement(Ee,{siteType:c,locale:a,onSubmitDueDate:l,isSide:i})))},exports.FileDropdown=({className:t,value:l,options:n,onUploadSelected:r,id:o,placeholderIcon:i,placeholder:s,style:d})=>{const[c,u]=e.useState(!1),m=()=>u(!c),f=e.useRef(n.map((e=>"upload"===e.type&&$.default.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+e.value,key:"uploader-dropdown-input-"+o+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),r(e.target.files)}})))),g=$.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},$.default.createElement("defs",null,$.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},$.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),$.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),$.default.createElement("title",null,"File"),$.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},$.default.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)"}),$.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),p=$.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},$.default.createElement("defs",null,$.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),$.default.createElement("title",null,"download"),$.default.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)"})),h=$.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},$.default.createElement("defs",null,$.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),$.default.createElement("title",null,"upload"),$.default.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 $.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:d,onBlur:()=>u(!1),tabIndex:0},$.default.createElement(a.StyledDropdownName,{onClick:m},i||g," ",$.default.createElement("span",null,l&&l.value?l.label:s)),c&&$.default.createElement(a.StyledDropdownList,{onClick:m,"data-has-icons":!0},n.map((e=>$.default.createElement(a.StyledDropdownOption,{key:`${o}-${e.value}`,"data-selected":l&&l.value===e.value||void 0,onClick:()=>{return"upload"===e.type?(a="#uploader-dropdown-input-"+o+"-"+e.value,void(null===(l=document.querySelector(a))||void 0===l||l.click())):void((t=e.url)&&window.open(t,"_blank"));var t,a,l}},$.default.createElement(a.StyledIcon,null,e.icon||"download"===e.type?p:h),e.label)))),$.default.createElement($.default.Fragment,null,f.current))},exports.FloatButtonGroup=({items:t,className:a,style:l,backgroundPanelStyle:n,isOpen:r,onOpen:o,onClose:i,disableBackdropClick:s,siteType:c="hb",animationType:u="zoom",zIndex:m=300})=>{const[f,g]=e.useState(!!r);e.useEffect((()=>{g(!!r)}),[r]);const p=()=>{g(!1),i&&i()};return $.default.createElement(d.StyledFloatButtonGroup,{style:l,className:a,"data-floatmenu-open":f,"data-site-type":c,"data-animation-type":u},$.default.createElement(d.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:Object.assign({zIndex:m},n),onClick:s?void 0:p}),$.default.createElement(d.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:m}},$.default.createElement(d.StyledFloatButtonGroupItemsWrapper,null,t.map(((e,a)=>$.default.createElement(d.StyledFloatButtonGroupButton,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===u&&{bottom:64*(t.length-1-a),transitionDelay:d.TRANSITION_TIMING/t.length*(f?t.length-1-a:a)+"ms"}),"slide"===u&&{bottom:64*(t.length-1-a),transitionDelay:d.TRANSITION_TIMING/t.length*(f?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick||g(!1)}},$.default.createElement(d.StyledFloatButtonGroupButtonLabel,{style:Object.assign({},"zoom"===u&&{transitionDelay:d.TRANSITION_TIMING/t.length*(f?t.length-1-a:a)+"ms"})},e.label),$.default.createElement(d.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===u||"slide"===u)&&{transitionDelay:d.TRANSITION_TIMING/t.length*(f?t.length-1-a:a)+"ms"})},e.icon))))),$.default.createElement(d.StyledFloatButtonGroupToggleIcon,{onClick:f?p:()=>{g(!0),o&&o()}})))},exports.Grid=({className:e,columns:t,columnsDesktop:l,gridTemplateColumns:n,gridTemplateColumnsDesktop:r,gap:o,children:i,justifyChildren:s,style:d,alignItems:c})=>$.default.createElement(a.StyledGrid,{className:e,style:d,theme:{columns:t,columnsDesktop:l,gap:o,justifyChildren:s,gridTemplateColumns:n,gridTemplateColumnsDesktop:r,alignItems:c}},i),exports.IconText=({size:e,iconPosition:t,className:a,children:l,icon:n})=>$.default.createElement(d.StyledIconText,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&n,l,"right"===t&&n),exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:a,ovulationPageInfo:l,ovulationContent:n,expertUrl:r,isSide:i=!1,siteType:c,isMobile:u})=>{var m;const{t:f}=v.useTranslations(),g=M.formatOvulationInfo(l||null);return $.default.createElement(d.StyledContainer,{"data-is-side":i,"data-site":c},"marryBaby"!==c?$.default.createElement(Pe,{backgroundDesktopSrc:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),title:f("healthTools.ovulationCalculator"),reviewedBy:g.reviewedBy,reviewedDate:g.reviewedDate,ovulationContent:n,isSide:i}):$.default.createElement(d.ToolsBannerCard,{isSide:i,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:c,bannerColor:"marryBaby"===c&&s.theme.mbColors.mint,isEmbeded:!0,icon:$.default.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:"marryBaby"!==c?{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}:null}),heading:f("healthTools.ovulationCalculator"),medicalReview:(null===(m=null==l?void 0:l.reviewed_by)||void 0===m?void 0:m.display_name)?$.default.createElement(t.Text,{size:"label2",color:s.theme.colors.white,dangerouslySetInnerHTML:{__html:f("toolPage.toolReviewer",{expert_name:`<a style="text-decoration: underline" href="${r}">${l.reviewed_by.display_name}</a>`,date:l.reviewed_date})}}):void 0,isMobile:u}),$.default.createElement(d.StyledContent,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":i},$.default.createElement(d.OvulationCalculator,{siteType:c,locale:a,onSubmitOvulation:e,isSide:i})))},exports.PWGCardEmbed=({locale:a,onClick:l,inputErrorMessage:r,pwgContent:i,onFormChange:c,info:u,isMobile:m,isSide:f=!1,siteType:p})=>{var h;const{t:y}=v.useTranslations(),[E,C]=e.useState("notwins"),[w,k]=e.useState({label:"1",value:1}),S=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:L}=B.useHealthToolsCache(a),T=e.useMemo((()=>L(x.HEALTH_TOOL_TYPE.PWG)),[L]),N=(null===(h=null==i?void 0:i.reviewedBy)||void 0===h?void 0:h.display_name)?$.default.createElement(t.Text,{size:"n1",color:s.theme.colors.white,dangerouslySetInnerHTML:{__html:y("toolPage.toolReviewer",{expert_name:`<a style="text-decoration: underline" href="${M.formatUserProfileUrl(i.reviewedBy)}">${i.reviewedBy.display_name}</a>`,date:i.reviewedDate})}}):void 0;return $.default.createElement(d.StyledContainer,{"data-is-side":f,"data-site":p},$.default.createElement(d.ToolsBannerCard,{siteType:p,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),bannerColor:"marryBaby"===p&&s.theme.mbColors.mint,isEmbeded:!0,icon:$.default.createElement("img",{alt:"health-tool-icon",src:null==i?void 0:i.featuredImage,style:"marryBaby"!==p?{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}:null}),heading:y("pregnancyWeightGain.heading"),medicalReview:N,isMobile:m,isSide:f}),$.default.createElement(b.Container,null,$.default.createElement(d.StyledContent,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":f},"marryBaby"!==p&&$.default.createElement(d.StyledTwins,{className:"hide-asking-mobile","data-is-side":f},$.default.createElement(_.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:s.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},y("pregnancyWeightGain.havingTwins")),$.default.createElement(d.StyledRadioGroup,{options:[{value:"twins",label:y("switchBtn.yes")},{value:"notwins",label:y("switchBtn.no")}],value:E,onChange:e=>C(e),className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),$.default.createElement(d.StyledInputWrapper,null,$.default.createElement(d.StyledFormInput,{className:"input-section input-form-pwg","data-is-side":f},"marryBaby"===p?$.default.createElement(d.StyledDropDown,{groupedWithLabel:y("pregnancyWeightGain.weekInput"),options:S,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:w,onChange:e=>k({label:e.label,value:e.value})}):$.default.createElement($.default.Fragment,null,$.default.createElement(_.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:s.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},y("pregnancyWeightGain.weekInput")),$.default.createElement(d.Dropdown,{options:S,placeholder:String(w.label),id:"weight-gain-dropdown",size:"md",value:w,onChange:e=>k({label:e.label,value:e.value})}))),$.default.createElement(Fe,{siteType:p,info:u,errorMessage:r,onChange:c})),"marryBaby"!==p&&$.default.createElement(d.StyledTwins,{className:"hide-asking-desk","data-is-side":f},$.default.createElement(_.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:s.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},y("pregnancyWeightGain.havingTwins")),$.default.createElement(d.StyledRadioGroup,{options:[{value:"twins",label:y("switchBtn.yes")},{value:"notwins",label:y("switchBtn.no")}],value:E,onChange:e=>C(e),className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),"marryBaby"===p&&$.default.createElement(X,{name:"twins",label:y("pregnancyWeightGain.havingTwins"),checked:"twins"===E,siteType:"marryBaby",onChange:()=>{C("twins"===E?"notwins":"twins")},value:"twins"}),$.default.createElement(d.StyledSubmitButton,{"data-is-side":f,"data-site":p},$.default.createElement(n.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${g.domainLocales["marryBaby"===p?"vi-VN_MB":a]}/${T}`,className:"due-date-calculate-button",size:"lg",color:"marryBaby"===p?"secondary":"primary",onClick:()=>l(E,w.value),role:"button",theme:p},y("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=({className:t,pagesAmount:n,currentPage:r,onChange:o,onClick:i,style:s,href:d,queryPageName:c="page"})=>{const u=[...Array(n)].map(((e,t)=>t+1)),[m,f]=e.useState(r),g=e.useMemo((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),p=n-1,h=e=>{e<=n&&e>0&&(f(e),o(e))},v=e=>{i&&i(e)};return e.useEffect((()=>{f(r)}),[r]),$.default.createElement(a.StyledPagination,{className:t,style:s},$.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>h(m-1),"data-last-page":1===m||void 0},g?$.default.createElement("a",{href:l.formatUrlWithPageParam(g,m,c),onClick:v},$.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):$.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),u.length>8?$.default.createElement(K,{pagesAmount:n,activePage:m,handlePageChange:h,handleClick:v,href:g,queryPageName:c}):u.map((e=>$.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===m||void 0,onClick:()=>h(e)},g?$.default.createElement("a",{href:l.formatUrlWithPageParam(g,e,c),onClick:v},e):e))),$.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>h(m+1),"data-last-page":m===p+1||void 0},g?$.default.createElement("a",{href:l.formatUrlWithPageParam(g,m,c),onClick:v},$.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):$.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Progress=({percent:e,style:t})=>$.default.createElement(a.StyledProgress,{style:Object.assign({"--progress":e},t)}),exports.ProgressBar=({type:t,numberOfStep:a,activeStep:l,labelPrefix:n,detailSteps:r,className:o,onChange:i})=>{const[s,u]=e.useState(0),m=e=>{var{trackClassName:t}=e,a=c.__rest(e,["trackClassName"]);return $.default.createElement(d.StyledTrackContainer,Object.assign({},a,{className:t}),$.default.createElement(d.StyledTrack,null))},f=$.default.createElement(d.StyledSlider,{className:o+" progress-bar"},$.default.createElement(m,null),$.default.createElement((({trackLength:e,activeStep:t,labelPrefix:l="Step",onChange:n})=>$.default.createElement($.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((r,o)=>$.default.createElement(d.StyledStep,{"data-is-active":o===t,"data-label":o,style:{left:o*e/(a-1)},onClick:()=>{n&&n(o)},key:o},o+1,$.default.createElement(d.StyledStepLabel,{"data-step-passed":o<=t},l+" "+(o+1))))))),{trackLength:s,activeStep:l,labelPrefix:n,onChange:i})),g=$.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},$.default.createElement("title",null,"chevron-right"),$.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),p=$.default.createElement(d.StyledBreadcrumbContainer,null,r&&Array.from({length:r.length},((e,t)=>t)).map(((e,t)=>{var a;return $.default.createElement(d.StyledBreadcrumbWrapper,{key:t,"data-selected":t===l,onClick:()=>{i&&i(t)}},null===(a=r[t])||void 0===a?void 0:a.text," ",t<r.length-1&&g)}))),h=$.default.createElement(d.StyledSlider,{className:o+" progress-bar"},$.default.createElement((({detailSteps:e,activeStep:t,onChange:a})=>$.default.createElement($.default.Fragment,null,Array.from({length:e.length},((e,t)=>t)).map(((l,n)=>$.default.createElement(d.StyledDetailStep,{key:n,style:{left:100/e.length*n+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?$.default.createElement(d.StyledDetailStepIndicatorExternal,{onClick:()=>{a&&a(n)}},e[n].icon):$.default.createElement(d.StyledDetailStepIndicator,{"data-is-active":n===t,"data-label":l,onClick:()=>{a&&a(n)},key:n},n+1),$.default.createElement(d.StyledDetailStepLabel,{"data-step-passed":n<t+1},e[n].text,$.default.createElement(d.StyledDetailStepDescription,null,e[n].description)),n<e.length-1&&$.default.createElement(m,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:r,onChange:i})),v=e.useCallback(G.default((()=>{const e=document.querySelector(".progress-bar");e&&u(e.offsetWidth)}),1e3),[]);return e.useEffect((()=>{const e=document.querySelector(".progress-bar");return u(null==e?void 0:e.offsetWidth),window.addEventListener("resize",v,{passive:!0}),()=>{window.removeEventListener("resize",v)}}),[]),"step-track"===t&&f||"breadcrumb"===t&&p||"detail-track"===t&&h},exports.RateStars=({gap:t=2,size:l=24,star:n,totalStars:r=5,onSelect:o,hideEmptyStars:i,style:s,className:d})=>{const c=Math.floor(n),u=n-c>=.5?1:0,[m,f]=e.useState(null),g=m||c,p=m?0:u;return $.default.createElement(a.StyledRateStars,{"data-selectable":!!o,style:Object.assign({"--gap":t,"--star-size":l},s),className:d},Array.from({length:i?c+u:r}).map(((e,t)=>{const a=()=>!!o&&f(t+1),l=()=>!!o&&f(null);return t+1<=g?$.default.createElement(ee,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):t+1===g+p?$.default.createElement(te,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):$.default.createElement(J,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l})})))},exports.ScrollList=({row:t=2,column:a=3,isDotsShown:l=!0,isImageGalleryShown:n=!1,mode:r="infinity",type:o="separated",distanceOverlappedLeft:i={amount:0,unit:"pixel"},children:s,className:c,isProgressShown:u=!1,statusChildren:m,isArrowShown:f=!1,classNameLeftArrow:g,classNameRightArrow:p,dataEventCategory:h,dataEventAction:v,dataEventLabel:y,onChangePage:E,page:b,customPageWidth:C,scheme:w="hellosites",arrowType:k="Discover"})=>{const S="number"==typeof b,[x,L]=e.useState(S?b:0),T=[];$.default.Children.map(s,((e,l)=>{l%(t*a)==0&&T.push([]),T[T.length-1].push($.default.cloneElement(e))}));const N=e.useRef(),D=e.useRef(0),B=e=>{if(!N.current)return;const{clientWidth:t}=N.current,a=C||t,l="intertwined"===o?"percentage"===i.unit?e*a+i.amount/100*a*e:e*a+i.amount*a*e:e*a;N.current.scrollTo({top:0,left:l,behavior:"smooth"}),D.current=e,L(e),E&&E(e)};e.useEffect((()=>{"number"==typeof b&&(e=>{if(!N.current)return;const{clientWidth:t}=N.current,a=C||t,l="intertwined"===o?"percentage"===i.unit?e*a+i.amount/100*a*e:e*a+i.amount*a*e:e*a;N.current.scrollTo({top:0,left:l,behavior:"smooth"}),D.current=e,L(e)})(b)}),[b]);const _=e=>{if(!N.current)return;const{clientWidth:t}=N.current,a=C||t;let l;l=0===x?0:x*a,"forward"===e&&(l===a*(T.length-1)?(L(T.length-1),l=a*(T.length-1),E&&E(T.length-1)):(L(x+1),l+=a,E&&E(x+1)),N.current.scrollTo({top:0,left:l,behavior:"smooth"})),"back"===e&&(0===l?(L(0),E&&E(0),l=0):(L(x-1),E&&E(x-1),l-=a),N.current.scrollTo({top:0,left:l,behavior:"smooth"}))},M=G.default((()=>{if("infinity"===r){if(!N.current)return;const{clientWidth:e,scrollLeft:t}=N.current,a=C||e,l=Math.floor(t/a);L(l),E&&E(l)}}),400);return e.useEffect((()=>{if("snapped"===r){let e,t,a,l,n,r,s=!1;const d=N.current,c=(r,o)=>{s=!0,a=!1,l=!1,e=r-d.offsetLeft,t=o-d.offsetTop,n=d.scrollLeft},u=e=>{c(e.pageX,e.pageY)},m=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},f=()=>{if(s=!1,a=!1,l=!1,!N.current)return;const{clientWidth:e}=N.current,t=C||e,n="ltr"===r?0!==D.current?D.current-1:D.current:"rtl"===r&&D.current<T.length-1?D.current+1:D.current,d="intertwined"===o?"percentage"===i.unit?n*t+i.amount/100*t*n:n*t+i.amount*t*n:n*t;N.current.scrollTo({top:0,left:d,behavior:"smooth"}),r="none",D.current!==n&&(D.current=n,L(n),E&&E(n))},g=(o,i)=>{if(!s)return;const c=o-d.offsetLeft,u=i-d.offsetTop,m=c-e,f=u-t;a||l||!(f>20||f<-20)||(a=!0),!a&&(m>20||m<-20)&&(l=!0,d.scrollLeft=n-m,m>0&&(r="ltr"),m<0&&(r="rtl"),0===m&&(r="none"))},p=e=>{l&&e.preventDefault(),g(e.pageX,e.pageY)},h=e=>{l&&e.preventDefault(),g(e.touches[0].pageX,e.touches[0].pageY)};return null==d||d.addEventListener("mousedown",u,{passive:!0}),null==d||d.addEventListener("touchstart",m,{passive:!0}),window.addEventListener("mouseup",f,{passive:!0}),window.addEventListener("touchend",f,{passive:!0}),null==d||d.addEventListener("mousemove",p,{passive:!0}),null==d||d.addEventListener("touchmove",h,{passive:!0}),()=>{null==d||d.removeEventListener("mousedown",u),null==d||d.removeEventListener("touchstart",m),window.removeEventListener("mouseup",f),window.removeEventListener("touchend",f),null==d||d.removeEventListener("mousemove",p),null==d||d.removeEventListener("touchmove",h)}}}),[]),$.default.createElement(d.StyledScrollList,{className:c,"data-row":t,onScroll:M},f&&x>0&&$.default.createElement("div",{className:`${g} arrow-left`,onClick:()=>_("back"),"data-event-category":h,"data-event-action":v,"data-event-label":y},"Care"===k?$.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},$.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},$.default.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"}),$.default.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"}),$.default.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"})),$.default.createElement("defs",null,$.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},$.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),$.default.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"}),$.default.createElement("feOffset",{dx:"-2",dy:"2"}),$.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),$.default.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"}),$.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),$.default.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"}),$.default.createElement("feOffset",{dx:"-1",dy:"1"}),$.default.createElement("feGaussianBlur",{stdDeviation:"1"}),$.default.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"}),$.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),$.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):$.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$.default.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"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),$.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),$.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),$.default.createElement("div",{ref:N,className:"container",style:{overflowX:"snapped"===r||f?"hidden":"scroll"}},T.map(((e,l)=>{let n=0;for(let e=0;e<l;e++)n+=T[e].length;return $.default.createElement("div",{key:l,className:"section",style:{marginLeft:"intertwined"===o&&0!==l?i.amount+""+("percentage"===i.unit?"%":"px"):"0px"}},1===t&&u&&$.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${a}, 1fr)`}},e.map(((t,a)=>{const r=n+a,o=m.find((e=>e.index===r));return $.default.createElement("div",{className:"items-progress",key:a},0===a&&0===l?$.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):$.default.createElement("div",{className:"line"}),$.default.createElement("div",{className:"icon-status"},$.default.createElement(fe,{status:null==o?void 0:o.status})),l===T.length-1&&a===e.length-1?$.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):$.default.createElement("div",{className:"line"}))}))),$.default.createElement("div",{className:"grid-layout","data-index":l,style:{gridTemplateColumns:`repeat(${a}, 1fr)`,gridTemplateRows:`repeat(${t}, 1fr)`}},e.map(((e,t)=>$.default.createElement($.default.Fragment,{key:t},$.default.createElement("div",{className:"item-grid",key:t},e))))))}))),f&&x<T.length-1&&$.default.createElement("div",{className:`${p} arrow-right`,onClick:()=>_("forward"),"data-event-category":h,"data-event-action":v,"data-event-label":y}," ","Care"===k?$.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},$.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},$.default.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"}),$.default.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"}),$.default.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"})),$.default.createElement("defs",null,$.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},$.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),$.default.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"}),$.default.createElement("feOffset",{dx:"-2",dy:"2"}),$.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),$.default.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"}),$.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),$.default.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"}),$.default.createElement("feOffset",{dx:"-1",dy:"1"}),$.default.createElement("feGaussianBlur",{stdDeviation:"1"}),$.default.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"}),$.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),$.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):$.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},$.default.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"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),$.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),$.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===w?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&$.default.createElement("ul",{className:"bullet-nav"},T.map(((e,t)=>$.default.createElement("li",{key:t,className:"bullet-nav__item "},$.default.createElement("p",{onClick:()=>B(t),className:`bullet-nav__link scroll ${x==t?"active":null}`,"data-scheme":w}))))),n&&$.default.createElement("div",{className:"image-gallery-wrapper","data-test":T.length},T.slice(0,3).map(((e,t)=>$.default.createElement("div",{className:`image-block ${x==t?"active":null}`,key:t,onClick:()=>B(t),"data-scheme":w},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:n,nextHead:r,siteType:o,seoCustom:i,userId:s,forcedCanonicalUrl:c})=>{var u,m,f,h,v,y,E,b,C,w,k,S;const{totalPages:x,currentPage:L,SEOTitle:T="",SEODescription:N="",SEOImage:D,seoType:B,SEOImageWidth:_,SEOImageHeight:M,customMetaData:A=[],isIndexable:I=!0,hasNoCanonical:P=!1}=t,F=I&&p.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:z}=process.env;let j=t.canonicalUrl||l;Object.keys(n).forEach((e=>{const t=n[e];t&&Array.isArray(t)&&(j=j.replace(`[...${e}]`,t.join("/")))}));const O=a||"en-PH",H="helloSites"===o?g.domainLocales[O]:"www.marrybaby.vn",G=j.endsWith("/")?"":"/",W=e.useMemo((()=>{var e,l,n,r,o,i,s;let c="";if(t.apiMetaData&&"string"==typeof t.apiMetaData){const u=null===(e=t.apiMetaData)||void 0===e?void 0:e.match(/<title.*?>(.*)<\/title>/),m=` - Page ${L} of ${x}`,f=L&&1!==L&&u?t.apiMetaData.replace(u[0],u[0].includes("-")?u[0].replace("-",m+" - "):`<title>${u[1].concat(m)}</title>`).replace(`<link rel="canonical" href="https://${H}${j}${G}" />`,`<link rel="canonical" href="https://${H}${j}${G}?page=${L}" />`):t.apiMetaData;if(c=d.htmlReactParser(f,{trim:!0}),!c.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 e=`https://${H}/images/${a}.png`;c=[...c,$.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)||void 0===l?void 0:l.image)||D||e||""}),$.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(n=t.openGraph)||void 0===n?void 0:n.image)||D||e}),$.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(r=t.openGraph)||void 0===r?void 0:r.imageWidth)&&String(null===(o=t.openGraph)||void 0===o?void 0:o.imageWidth)||_&&String(_)||"1200"}),$.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=t.openGraph)||void 0===i?void 0:i.imageHeight)&&String(null===(s=t.openGraph)||void 0===s?void 0:s.imageHeight)||M&&String(M)||"630"})]}}return c}),[t.apiMetaData,t.openGraph,D,M,_,L,j,x,a,H]),R=`https://${H}/images/${a}.png`;return $.default.createElement(r,null,$.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o&&$.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===a?$.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===a||"ms-MY"===a?$.default.createElement($.default.Fragment,null):$.default.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"}),$.default.createElement("link",{rel:"preconnect",href:z}),$.default.createElement("meta",{charSet:"UTF-8"}),$.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),$.default.createElement("meta",{name:"google",content:"notranslate"}),$.default.createElement("meta",{name:"robots",content:F}),$.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),A.map(((e,t)=>$.default.createElement("meta",Object.assign({key:t},e)))),$.default.createElement("meta",{name:"theme-color",content:"helloSites"===o?"#2c87f3":"#e85388"}),$.default.createElement("meta",{name:"page_type",content:"Home"}),$.default.createElement("meta",{name:"page_platform",content:"WEB"}),$.default.createElement("meta",{name:"page_language",content:O}),$.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!W&&$.default.createElement($.default.Fragment,null,"helloSites"===o?$.default.createElement("title",null,i?T:T+" - "+(null===(u=g.LOCALE_SPECS[a])||void 0===u?void 0:u.SITE_NAME)):$.default.createElement("title",null,T),!P&&$.default.createElement("link",{rel:"canonical",href:`https://${H}${j}`}),$.default.createElement("meta",{name:"description",content:N||(null===(m=t.openGraph)||void 0===m?void 0:m.description)}),t.schemaData&&$.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),$.default.createElement("meta",{property:"og:locale",content:a}),$.default.createElement("meta",{property:"og:type",content:B||"website"}),$.default.createElement("meta",{property:"og:title",content:(null===(f=t.openGraph)||void 0===f?void 0:f.title)||T}),$.default.createElement("meta",{property:"og:description",content:(null===(h=t.openGraph)||void 0===h?void 0:h.description)||N}),$.default.createElement("meta",{property:"og:url",content:`https://${H}${j}`}),$.default.createElement("meta",{property:"og:site_name",content:`https://${H}`}),$.default.createElement("meta",{property:"og:image",content:(null===(v=t.openGraph)||void 0===v?void 0:v.image)||D||R||""}),$.default.createElement("meta",{property:"og:image:secure_url",content:(null===(y=t.openGraph)||void 0===y?void 0:y.image)||D||R}),$.default.createElement("meta",{property:"og:image:width",content:(null===(E=t.openGraph)||void 0===E?void 0:E.imageWidth)&&String(null===(b=t.openGraph)||void 0===b?void 0:b.imageWidth)||_&&String(_)||"1200"}),$.default.createElement("meta",{property:"og:image:height",content:(null===(C=t.openGraph)||void 0===C?void 0:C.imageHeight)&&String(null===(w=t.openGraph)||void 0===w?void 0:w.imageHeight)||M&&String(M)||"630"}),$.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),$.default.createElement("meta",{name:"twitter:title",content:(null===(k=t.twitter)||void 0===k?void 0:k.title)||T}),$.default.createElement("meta",{name:"twitter:description",content:N}),$.default.createElement("meta",{name:"twitter:image",content:(null===(S=t.twitter)||void 0===S?void 0:S.image)||D})),("helloSites"===o?g.FAVICONS[O]||[]:g.FAVICONS.marryBaby).map(((e,t)=>"link"===e.type?$.default.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?$.default.createElement("meta",{key:t,name:e.name,content:e.content}):null)),Array.isArray(W)&&c?W.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):W,c&&$.default.createElement("link",{rel:"canonical",href:c}),!t.hasNoAmp&&"vi-VN"!==a&&$.default.createElement("link",{rel:"amphtml",href:`https://${H}${j}${G}?amp=1`}),s&&"undefined"!=typeof window?$.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${s}'});`}}):null)},exports.Shadow=({size:e,children:t,style:l,className:n})=>$.default.createElement(a.StyledShadow,{style:l,className:n,"data-shadow-size":e},t),exports.ShareContainer=({url:a,onCopied:l,locale:r,siteType:o})=>{const{t:i}=v.useTranslations(),u=O.getSocialList(a||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(r))),m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return $.default.createElement(d.StyledShareContainer,null,$.default.createElement(t.Text,{size:"p3",color:s.theme.colors.gray800},i("shareContainer.title")),$.default.createElement("div",{className:"icon-group"},u.map(((e,t)=>$.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${e.name}`,"data-event-label":m},e.icon))),$.default.createElement(n.Button,{theme:o,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:$.default.createElement(He,null),onClick:()=>c.__awaiter(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(a),null==l||l()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":m})))},exports.ShareDrawer=a=>{var{open:l,title:r,onClose:o,onCopied:i,onShared:u,url:m,locale:f}=a,g=c.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:p}=v.useTranslations(),h=e.useCallback((()=>c.__awaiter(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==i||i()}))),[m,i]),y=O.getSocialList(m||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(f)));return e.useEffect((()=>{l&&navigator.share&&navigator.share({title:null!=r?r:"Read This Post",url:m}).then((()=>{null==u||u()})).catch((()=>{null==o||o()}))}),[m,r,u,l]),"undefined"!=typeof navigator&&navigator.share?null:$.default.createElement(d.StyledShareDrawer,Object.assign({title:p("share.title"),onClose:o,open:l,placement:"bottom"},g),$.default.createElement("div",{className:"share-container"},$.default.createElement("div",{className:"icon-container"},$.default.createElement(t.Text,{type:"semiBold",size:"s3",color:s.theme.colors.gray600},p("share.title")),$.default.createElement("div",{className:"icon-group"},y.map(((e,t)=>$.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon))))),$.default.createElement("div",{className:"link-container"},$.default.createElement(t.Text,{type:"semiBold",size:"s3",color:s.theme.colors.gray600},p("share.copyLink")),$.default.createElement("div",{className:"input-group"},$.default.createElement(E.Input,{name:"link",size:"md",value:m,isDisabled:!0}),$.default.createElement(n.Button,{size:"md",type:"button",color:"tertiary",icon:$.default.createElement($e,null),onClick:h})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:l,isInACard:n,cardColor:r,className:o})=>$.default.createElement(d.StyledStatisticContainer,{className:o,"data-size":e,"data-is-in-card":"big"===e&&n,"data-card-color":r},$.default.createElement(d.StyledDescriptionWrapper,null,"small"===e&&$.default.createElement(d.StyledDot$1,{"data-color":r}),t),$.default.createElement(d.StyledStatisticNumberWrapper,{"data-size":e},"small"!==e&&l,a)),exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:a,className:l,style:n})=>$.default.createElement(d.StyledSurveyQuestionCard,{className:l,style:n},$.default.createElement("div",{className:"survey-inner-wrapper"},$.default.createElement(d.StyledSurveyThankyouCard,null,$.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},$.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},$.default.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:s.theme.colors.primary50}),$.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),$.default.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),$.default.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"}),$.default.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"}),$.default.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"}),$.default.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"}),$.default.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"}),$.default.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"}),$.default.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"}),$.default.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"}),$.default.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"}),$.default.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"}),$.default.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"})),e&&$.default.createElement(i.Heading,{className:"survey-thankyou-title",tag:"h3"},e),a&&$.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},a))))),exports.THRCardEmbed=({isSide:a,locale:l,thrContent:n,isMobile:r,info:i,inputErrorMessage:c,onFormChange:u,onSubmit:m})=>{var f,p,h;const{t:y}=v.useTranslations(),{getHealthToolLink:E}=B.useHealthToolsCache(l),w=e.useMemo((()=>E(x.HEALTH_TOOL_TYPE.THR)),[E]),[k,S]=e.useState(!1),[L,N]=e.useState("low_intensity"),[A,I]=e.useState("male"),[P,F]=e.useState(60),[z,j]=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),O=[{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}],H=[{value:"low_intensity",label:y("targetHeartRate.lowIntensity.title"),image:o.CommonGAssets.getAssetPath("/low.svg"),imageActive:o.CommonGAssets.getAssetPath("/low-active.svg"),content:y("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:y("targetHeartRate.moderateIntensity.title"),image:o.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:o.CommonGAssets.getAssetPath("/moderate-active.svg"),content:y("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:y("targetHeartRate.aerobicZone.title"),image:o.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:o.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:y("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:y("targetHeartRate.vigorousIntensity.title"),image:o.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:o.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:y("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:y("targetHeartRate.maximumIntensity.title"),image:o.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:o.CommonGAssets.getAssetPath("/maximum-active.svg"),content:y("targetHeartRate.maximumIntensity.note")}],G=e.useMemo((()=>[{value:"male",label:y("gender.male"),content:$.default.createElement(C.Icon.GenderChooseBoy,null)},{value:"female",label:y("gender.female"),content:$.default.createElement(C.Icon.GenderChooseGirl,null)}]),[]);return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==i?void 0:i.age).getTime())/1e3;S(e>=567648e3);const t=O.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||O[0];j(t),F(60)}),[null==i?void 0:i.age]),$.default.createElement(d.StyledContainer,{"data-is-side":a},$.default.createElement(d.ToolsBannerCard,{isSide:a,bannerUrl:o.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:$.default.createElement("img",{alt:"health-tool-icon",src:null==n?void 0:n.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:y("targetHearRate.heading"),medicalReview:(null===(f=null==n?void 0:n.reviewedBy)||void 0===f?void 0:f.display_name)?$.default.createElement(t.Text,{size:"n1",color:s.theme.colors.white},$.default.createElement("span",{dangerouslySetInnerHTML:{__html:y("toolPage.toolReviewer",{expert_name:`<a\n                      style="color: white"\n                      href="${M.formatUserProfileUrl(null==n?void 0:n.reviewedBy)}"\n                    >\n                      ${null===(p=null==n?void 0:n.reviewedBy)||void 0===p?void 0:p.display_name}\n                    </a>`,date:null==n?void 0:n.reviewedDate})}}),$.default.createElement("span",null)):void 0,isMobile:r}),$.default.createElement(b.Container,null,$.default.createElement(d.StyledContent,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":a},$.default.createElement(d.StyledRow$1,{"data-is-side":a},$.default.createElement(d.FormControl$1,null,$.default.createElement(d.StyledInput$1,{size:"md",name:"gender",label:y("bmi.selectGender"),CustomInput:$.default.createElement(D.RadioImageGroup,{options:G,value:A,onChange:e=>{I(e),F(60)},className:"bmi--input-radio_gender"}),className:"bmi--input bmi--input-gender"}))),$.default.createElement(d.StyledRow$1,null,$.default.createElement(ke,{info:i,locale:l,errorMessage:c,onChange:u})),$.default.createElement("div",{className:"slider-heart-rate"},$.default.createElement(_.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:s.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},y("targetHeartRate.heartRateInput")),$.default.createElement("div",{className:"slider-outer-wrapper"},$.default.createElement(T.Slider,{containerStyle:{flex:1},min:"male"===A?z.rangeMale:z.rangeFemale,max:200,step:1,value:P,withControl:!0,onChange:F}))),k&&$.default.createElement(d.FormControl$1,null,$.default.createElement(d.StyledActive,null,$.default.createElement(_.Label,{size:"label2",style:{display:"inline-block",fontWeight:"bold",color:s.theme.colors.gray600,marginBottom:"9px"},htmlFor:"gender-selector"},y("targetHeartRate.selectActive")),$.default.createElement("div",{className:"card"},$.default.createElement(we,{options:H.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:L,onChange:e=>{N(e)},className:"gender-selector"})),L&&$.default.createElement("div",{className:"note"},$.default.createElement("img",{style:{height:"16px",width:"16px"},src:o.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:""}),$.default.createElement(t.Text,{size:"n1",color:"#595959"},null===(h=H[H.findIndex((e=>e.value==L))||0])||void 0===h?void 0:h.content)),!L&&$.default.createElement("span",{style:{color:"#e64728"}},c.intensity)))),$.default.createElement("div",{style:{display:"flex"}},$.default.createElement(d.StyledButton$1,{size:"lg",onClick:()=>{m(A,L,[P])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${g.domainLocales[l]}/${w}`},y("bmi.submit")))))},exports.Tag=({type:e,children:l,style:n,isInline:r,isSquared:o=!1,className:i,isLight:s,hasMorePadding:d,isLink:c,isSelected:u,textProps:m={size:"sm"}})=>{const f=m.color?{"--text-props-color":m.color}:{};return $.default.createElement(a.StyledTag,{"data-is-squared":o||void 0,"data-tag-type":e,"data-is-light":s||void 0,"data-has-more-padding":d||void 0,"data-is-inline":r||void 0,style:Object.assign(Object.assign({},n),f),className:i,"data-is-selected":u||void 0,"data-is-link":c||void 0,tagType:e,isInline:r,tagHasMorePadding:d,tagIsLight:s,tagIsSquared:o,tagIsALink:c},$.default.createElement(t.Text,Object.assign({},m),l))},exports.Toggle=({className:e,id:t,onChange:l,checked:n,style:r,label:o})=>$.default.createElement(a.StyledToggle,{className:e,style:r},$.default.createElement("input",{type:"checkbox",id:t,onChange:l,checked:n}),$.default.createElement("label",{htmlFor:t},$.default.createElement(a.StyledToggleIcon,null),o&&$.default.createElement(a.StyledToggleLabel,null,o))),exports.UnderlinedLink=({size:e,isDisabled:t,className:l,link:n,style:r})=>$.default.createElement(a.StyledUnderlinedLink,{className:l,"data-size":e,style:r,"data-disabled":t||void 0},n),exports.Uploader=({type:e,withIcon:t,onFileSelected:l,inputId:r,withElement:o,fileAcceptType:i,multiple:s,value:d,className:c})=>{const u=()=>{var e;null===(e=document.querySelector("#uploader-input-"+r))||void 0===e||e.click()};return $.default.createElement(a.StyledUploader,{className:c},"badge"===e?$.default.createElement(a.StyledElementContainer,{onClick:u,"data-is-attached-to-element":!!o},o,$.default.createElement(a.StyledIconWrapper,{"data-is-attached-to-element":!!o},t)):o?$.default.createElement("div",{onClick:u},o):$.default.createElement(n.Button,{size:"md",color:"secondary",className:"default-button",icon:t,onClick:u},$.default.createElement(a.StyledDefaultButtonContent,null,$.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},$.default.createElement("defs",null,$.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),$.default.createElement("title",null,"upload"),$.default.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")),$.default.createElement("input",{id:"uploader-input-"+r,accept:i,multiple:s,type:"file",style:{display:"none"},onChange:e=>{l(e.target.files)},value:d}))},exports.index=me,exports.index$1=pe;