@hhgtech/hhg-components 1.25.39 → 1.25.41

package/build/esm/{index-f45e83b7.js → index-eadae80e.js}

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