@hhgtech/hhg-components 1.25.2 → 1.25.4

package/build/esm/index-f26f47bd.js

@@ -1 +0,0 @@
-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-64c8bed9.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 M,v as D,w as _,x as z,P as S}from"./index.styled-d220e9d7.js";import{f as j,B as A}from"./utils-1dfb7635.js";import{B as I}from"./index-b3b89fa9.js";import{a as T}from"./useUniqueId-30ff697e.js";import{CommonGAssets as P}from"./gAssets.js";import{H as F}from"./index-08cf1684.js";import{t as O}from"./theme-4cc44a21.js";import{A as $,U as H,B as V,a as W,e as R,f as G,g as U,h as Z,i as q,j as K,k as Y,l as X,m as Q,n as J,o as ee,p as te,q as ae,r as le,s as ne,t as re,u as oe,v as ie,w as se,x as ce,y as me,z as de,C as ge,E as ue,F as pe,G as he,H as ve,I as Ee,J as ye,K as be,L as fe,N as we,O as Ce,P as ke,Q as Ne,V as Le,W as xe,X as Be,Y as Me,Z as De,_ as _e,$ as ze,a0 as Se,a1 as je,a2 as Ae,a3 as Ie,a4 as Te,a5 as Pe,a6 as Fe,a7 as Oe,a8 as $e,a9 as He,aa as Ve,D as We,ab as Re,ac as Ge,ad as Ue,b as Ze,ae as qe,af as Ke,ag as Ye,ah as Xe,ai as Qe,aj as Je,ak as et,al as tt,T as at,am as lt,an as nt,ao as rt,ap as ot,aq as it,ar as st,as as ct,at as mt,au as dt,av as gt,aw as ut,ax as pt,ay as ht,az as vt,aA as Et,aB as yt,aC as bt,aD as ft,aE as wt,aF as Ct,aG as kt,aH as Nt,aI as Lt,aJ as xt,aK as Bt,aL as Mt,aM as Dt,aN as _t,aO as zt,aP as St,aQ as jt,aR as At,aS as It,aT as Tt,aU as Pt,aV as Ft,aW as Ot,aX as $t,aY as Ht,aZ as Vt,a_ as Wt,a$ as Rt,b0 as Gt,b1 as Ut,b2 as Zt,b3 as qt,b4 as Kt,b5 as Yt,b6 as Xt,b7 as Qt,b8 as Jt,b9 as ea,ba as ta,bb as aa,bc as la,bd as na,be as ra,bf as oa,bg as ia,bh as sa,bi as ca,bj as ma,bk as da,bl as ga,bm as ua,bn as pa,bo as ha}from"./index.styled-010e7312.js";import{_ as va,a as Ea}from"./tslib.es6-d95a42ea.js";import ya from"lodash/throttle";import{useKeenSlider as ba}from"keen-slider/react";import fa from"dayjs";import"./screenSizeContext-dab3286e.js";import"styled-components";import{d as wa,L as Ca,F as ka,Q as Na}from"./index-d9629646.js";import{i as La}from"./isProduction-b684ea82.js";import{L as xa}from"./Onboarding-51892bac.js";import{u as Ba}from"./useTranslations-01cdc4e8.js";import{format as Ma,addDays as Da,isBefore as _a,startOfMonth as za,addMonths as Sa,subMonths as ja,getDaysInMonth as Aa,isToday as Ia,isSameDay as Ta,isWithinInterval as Pa,isAfter as Fa,isPast as Oa}from"date-fns";import{I as $a}from"./index-4db77c5a.js";import{C as Ha}from"./index-ae9398af.js";import{I as Va,R as Wa}from"./index-9d9bb7e1.js";import{Container as Ra,Checkbox as Ga}from"@mantine/core";import"./index.styled-9bb60204.js";import"./index-61cb9b2f.js";import{b as Ua,H as Za}from"./index.styled-41e2f289.js";import{M as qa}from"./index-d3fc1a3f.js";import{S as Ka}from"./index-5b5df230.js";import{useForm as Ya,Controller as Xa}from"react-hook-form";import{I as Qa}from"./index-655acf9a.js";import{u as Ja}from"./useHealthToolCache-408611cc.js";import{L as el}from"./index.styled-52954cc1.js";import{f as tl,a as al}from"./dataTransform-af537a1d.js";import{a as ll}from"./useOutsideClick-72a5f765.js";import nl from"date-fns/locale/en-US";import rl from"date-fns/locale/id";import ol from"date-fns/locale/vi";import il from"date-fns/locale/zh-TW";import{g as sl}from"./getSocialList-c3e31126.js";import{DatePicker as cl}from"@mantine/dates";import{T as ml}from"./index-9c720514.js";var dl="CHw-fZZ",gl="_03U6VRS",ul="EO828Vv";const pl=({style:t,onClose:a,text:l,type:n,contentIcon:r,closeIcon:o,className:s,description:c})=>e.createElement("div",{className:`${dl} ${s||""}`,style:t,"data-alert-type":n},e.createElement("div",{className:gl},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:ul,onClick:a},o)),hl=({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))),vl=({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),El=({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))},yl=({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),bl=({pagesAmount:a,activePage:l,handlePageChange:o,handleClick:i,href:s,queryPageName:c="page"})=>{const m=[...Array(a)].map(((e,t)=>t+1)),[d,g]=t(l<=4?m.slice(0,5):l>=m.length-3?m.slice(m.length-5,m.length):m.slice(l-2,l+1));return n((()=>{l<=4?g(m.slice(0,5)):l>=m.length-3?g(m.slice(m.length-5,m.length)):g(m.slice(l-2,l+1))}),[l]),e.createElement(r,null,l>4&&e.createElement(r,null,e.createElement(y,{onClick:()=>o(1)},s?e.createElement("a",{href:s,onClick:i},1):1),e.createElement(y,null,"...")),d.map((t=>e.createElement(y,{key:`pagination+${t}`,"data-page-active":t===l||void 0,onClick:()=>o(t)},s?e.createElement("a",{href:j(s,t,c),onClick:i},t):t))),l<m.length-3&&e.createElement(r,null,e.createElement(y,null,"..."),e.createElement(y,{onClick:()=>o(m.length)},s?e.createElement("a",{href:j(s,m.length,c),onClick:i},m.length):m.length)))},fl=({className:a,pagesAmount:r,currentPage:o,onChange:i,onClick:s,style:c,href:m,queryPageName:d="page"})=>{const g=[...Array(r)].map(((e,t)=>t+1)),[u,p]=t(o),h=l((()=>m&&m.endsWith("&page=")?m.replace("&page=",""):m),[m]),b=r-1,f=e=>{e<=r&&e>0&&(p(e),i(e))},w=e=>{s&&s(e)};return n((()=>{p(o)}),[o]),e.createElement(v,{className:a,style:c},e.createElement(E,{className:"prev-page",onClick:()=>f(u-1),"data-last-page":1===u||void 0},h?e.createElement("a",{href:j(h,u,d),onClick:w},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),g.length>8?e.createElement(bl,{pagesAmount:r,activePage:u,handlePageChange:f,handleClick:w,href:h,queryPageName:d}):g.map((t=>e.createElement(y,{key:`pagination+${t}`,"data-page-active":t===u||void 0,onClick:()=>f(t)},h?e.createElement("a",{href:j(h,t,d),onClick:w},t):t))),e.createElement(E,{className:"next-page",onClick:()=>f(u+1),"data-last-page":u===b+1||void 0},h?e.createElement("a",{href:j(h,u,d),onClick:w},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},wl=({size:t,children:a,style:l,className:n})=>e.createElement(b,{style:l,className:n,"data-shadow-size":t},a),Cl=({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))},kl=({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))),Nl=({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),Ll=({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(I,{size:"md",color:"secondary",className:"default-button",icon:a,onClick:m},e.createElement(M,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}))},xl=({label:t,name:a,checked:l,className:n,isDisabled:r,onChange:o,value:i,isRectangle:s,inputDataTestId:c,siteType:m})=>e.createElement(D,{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)),Bl=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"})),Ml=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"})),Dl=t=>{const a=T();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"})))},_l=({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(_,{"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(Ml,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:l,onMouseLeave:n}):a+1===p+h?e.createElement(Dl,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:l,onMouseLeave:n}):e.createElement(Bl,{key:a,onClick:()=>null==o?void 0:o(a+1),onMouseOver:l,onMouseLeave:n})})))},zl=({percent:t,style:a})=>e.createElement(z,{style:Object.assign({"--progress":t},a)});var Sl="PiqKaXk",jl="HgbW6-m",Al="_6lkfLYy",Il="j7c-onH";const Tl=({avatarImg:t,authorName:a,authorLink:l,uploadTime:n,size:r})=>e.createElement("div",{className:Il},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:Il},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(F,{tag:"h6",className:"expert__name",color:O.colors.gray600},l),e.createElement(i,{color:O.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement(F,{tag:"h6",className:"expert__name",color:O.colors.gray600},l))):e.createElement("a",{href:n},"lg"===r?e.createElement(e.Fragment,null,e.createElement(F,{tag:"h6",className:"expert__name",color:O.colors.gray600},l),e.createElement(i,{color:O.colors.gray500,size:"p3",className:"specialty"},o)):e.createElement(e.Fragment,null,e.createElement("h6",{color:O.colors.gray600,className:`${Sl} expert__name`},l),e.createElement(i,{color:O.colors.gray500,size:"p4",className:"specialty"},o)))))),Fl=({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:M,section:D="normal",size:_="md",specialty:z,style:S,styleBanner:j,styleLabel:A,styleTitle:I,text:T,title:O,type:W="author",uploadTime:R,articleLinkTarget:G,isPremium:U})=>{const Z=e=>{e.stopPropagation(),null==B||B()},q="lg"===_&&"expert"===W?"h4":"lg"===_&&"home"===D?x?"h4":"h3":"lg"===_?"h4":"h5",K="lg"===_?"p3":"p4",Y=x||"home"!==D||"lg"!==_||"author"!==W?"c2":"c1";return e.createElement("article",{className:`${Al} ${c||""}`,"data-size":_,style:S,"data-direction":C,"data-is-expert":"expert"===W||void 0},e.createElement("div",{className:"banner",style:j},e.createElement("a",{className:jl,"data-event-category":p,"data-event-action":m,"data-event-label":y,href:t||"#",target:G},r),U&&e.createElement("img",{loading:"lazy",className:"premium",src:P.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:jl,"data-event-category":v,"data-event-action":g,"data-event-label":f,href:o||"#",onClick:M},s),L&&e.createElement("a",{className:"bookmark",onClick:Z},N?e.createElement(V,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:b}):e.createElement(H,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:b}))),e.createElement(F,{tag:q,style:I,className:"title",as:"lg"===_?"h2":"h3"},e.createElement("a",{className:jl,"data-event-category":E,"data-event-action":u,"data-event-label":w,href:t||"#",target:G},O)),T&&e.createElement("a",{href:t||"#",target:G},e.createElement(i,{size:K,className:"text"},T))),e.createElement("div",{className:"footer"},"author"===W?e.createElement(Tl,{size:_,avatarImg:n,authorName:l,authorLink:a,uploadTime:R,handleClick:Z,isBookmarked:N,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:b}):e.createElement(Pl,{size:_,isMobile:x,avatarImg:n,specialty:z,name:l,link:a,handleClick:Z,isBookmarked:N,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:b}))))};var Ol="lKjhvEi",$l="HGYlQvl",Hl="AyUUQv-";const Vl=({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:Hl,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))},Wl=({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:`${Ol} ${t||""}`},c.map(((t,a)=>{const l=a+1===c.length;return e.createElement(r,{key:a},e.createElement(Vl,{LinkComponent:o,page:t,isLast:l,onChangePage:i}),!l&&(t.separator||s||e.createElement("div",{className:$l,"data-size":n})))})))},Rl=({imgBanner:t,label:a,className:l,style:n,href:r="",dataEventCategory:o,dataEventAction:s,dataEventLabel:c})=>e.createElement(R,{"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))),Gl=({name:t,values:a=[],onChanges:l,options:n=[],className:r,type:o="vertical",isDisabled:i,isRectangle:s})=>{const c=(e,t)=>{const n=a.slice();if(t)n.push(e);else{const t=n.findIndex((t=>t===e));n.splice(t,1)}l&&l(n)};return e.createElement(G,{className:r,"data-type":o,"data-is-rectangle":s||void 0},n.map(((l,n)=>e.createElement(xl,{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}))))},Ul=({size:t,iconPosition:a,className:l,children:n,icon:r})=>e.createElement(U,{className:l,"data-size":t,"data-icon-position":a},"left"===a&&r,n,"right"===a&&r),Zl=({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=va(t,["trackClassName"]);return e.createElement(Y,Object.assign({},l,{className:a}),e.createElement(X,null))},p=e.createElement(Z,{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(Q,{"data-is-active":i===a,"data-label":i,style:{left:i*t/(l-1)},onClick:()=>{r&&r(i)},key:i},i+1,e.createElement(J,{"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(q,null,s&&Array.from({length:s.length},((e,t)=>t)).map(((t,a)=>{var l;return e.createElement(K,{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(Z,{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(ee,{key:r,style:{left:100/t.length*r+"%",width:100/t.length+"%"},onClick:()=>{l&&l(r)}},t[r].icon?e.createElement(te,{onClick:()=>{l&&l(r)}},t[r].icon):e.createElement(ae,{"data-is-active":r===a,"data-label":n,onClick:()=>{l&&l(r)},key:r},r+1),e.createElement(le,{"data-step-passed":r<a+1},t[r].text,e.createElement(ne,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(ya((()=>{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 ql=Object.freeze({__proto__:null,SideMenu:re,SideHeader:oe,UserInfo:ie,MenuLink:se});const Kl=({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"})),Yl=({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,M]=t(x?C:0),D=[];e.Children.map(d,((t,a)=>{a%(l*r)==0&&D.push([]),D[D.length-1].push(e.cloneElement(t))}));const _=a(),z=a(0),S=e=>{if(!_.current)return;const{clientWidth:t}=_.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;_.current.scrollTo({top:0,left:l,behavior:"smooth"}),z.current=e,M(e),w&&w(e)};n((()=>{"number"==typeof C&&(e=>{if(!_.current)return;const{clientWidth:t}=_.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;_.current.scrollTo({top:0,left:l,behavior:"smooth"}),z.current=e,M(e)})(C)}),[C]);const j=e=>{if(!_.current)return;const{clientWidth:t}=_.current,a=k||t;let l;l=0===B?0:B*a,"forward"===e&&(l===a*(D.length-1)?(M(D.length-1),l=a*(D.length-1),w&&w(D.length-1)):(M(B+1),l+=a,w&&w(B+1)),_.current.scrollTo({top:0,left:l,behavior:"smooth"})),"back"===e&&(0===l?(M(0),w&&w(0),l=0):(M(B-1),w&&w(B-1),l-=a),_.current.scrollTo({top:0,left:l,behavior:"smooth"}))},A=ya((()=>{if("infinity"===s){if(!_.current)return;const{clientWidth:e,scrollLeft:t}=_.current,a=k||e,l=Math.floor(t/a);M(l),w&&w(l)}}),400);return n((()=>{if("snapped"===s){let e,t,a,l,n,r,o=!1;const i=_.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,!_.current)return;const{clientWidth:e}=_.current,t=k||e,n="ltr"===r?0!==z.current?z.current-1:z.current:"rtl"===r&&z.current<D.length-1?z.current+1:z.current,i="intertwined"===c?"percentage"===m.unit?n*t+m.amount/100*t*n:n*t+m.amount*t*n:n*t;_.current.scrollTo({top:0,left:i,behavior:"smooth"}),r="none",z.current!==n&&(z.current=n,M(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(ce,{className:g,"data-row":l,onScroll:A},h&&B>0&&e.createElement("div",{className:`${v} arrow-left`,onClick:()=>j("back"),"data-event-category":y,"data-event-action":b,"data-event-label":f},"Care"===L?e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},e.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},e.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),e.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),e.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-2",dy:"2"}),e.createElement("feGaussianBlur",{stdDeviation:"2.5"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-1",dy:"1"}),e.createElement("feGaussianBlur",{stdDeviation:"1"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),e.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),e.createElement("div",{ref:_,className:"container",style:{overflowX:"snapped"===s||h?"hidden":"scroll"}},D.map(((t,a)=>{let n=0;for(let e=0;e<a;e++)n+=D[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(Kl,{status:null==i?void 0:i.status})),a===D.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<D.length-1&&e.createElement("div",{className:`${E} arrow-right`,onClick:()=>j("forward"),"data-event-category":y,"data-event-action":b,"data-event-label":f}," ","Care"===L?e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},e.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},e.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),e.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),e.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-2",dy:"2"}),e.createElement("feGaussianBlur",{stdDeviation:"2.5"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-1",dy:"1"}),e.createElement("feGaussianBlur",{stdDeviation:"1"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),e.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===N?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o&&e.createElement("ul",{className:"bullet-nav"},D.map(((t,a)=>e.createElement("li",{key:a,className:"bullet-nav__item "},e.createElement("p",{onClick:()=>S(a),className:`bullet-nav__link scroll ${B==a?"active":null}`,"data-scheme":N}))))),i&&e.createElement("div",{className:"image-gallery-wrapper","data-test":D.length},D.slice(0,3).map(((t,a)=>e.createElement("div",{className:`image-block ${B==a?"active":null}`,key:a,onClick:()=>S(a),"data-scheme":N},t)))))},Xl=({isDisabled:t,isLeft:a,onClick:l,className:n,scheme:r="hellosites"})=>e.createElement(ge,{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"}))),Ql=({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]=ba({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(me,{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(Xl,{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(Xl,{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(de,{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})))))},Jl=({type:t,description:a,value:l,withIcon:n,isInACard:r,cardColor:o,className:i})=>e.createElement(ue,{className:i,"data-size":t,"data-is-in-card":"big"===t&&r,"data-card-color":o},e.createElement(pe,null,"small"===t&&e.createElement(he,{"data-color":o}),a),e.createElement(ve,{"data-size":t},"small"!==t&&n,l));var en=Object.freeze({__proto__:null,Table:Ee,Cell:ye,Head:be,Row:fe,Body:we});const tn=({thankyou:t,thankyouSubtitle:a,className:l,style:n})=>e.createElement(Ce,{className:l,style:n},e.createElement("div",{className:"survey-inner-wrapper"},e.createElement(ke,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:O.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(F,{className:"survey-thankyou-title",tag:"h3"},t),a&&e.createElement(i,{className:"survey-thankyou-subtitle",size:"p3"},a))))),an=({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(Ne,{style:r,className:l,"data-floatmenu-open":p,"data-site-type":d,"data-animation-type":g},e.createElement(Le,{className:"float-button-group__panel",style:Object.assign({zIndex:u},o),onClick:m?void 0:v}),e.createElement(xe,{className:"float-button-group___content",style:{zIndex:u}},e.createElement(Be,null,a.map(((t,l)=>e.createElement(Me,{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(ze,{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()}})))},ln=({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(Ae,{"data-has-content":!!r},r),e.createElement(Ie,{dangerouslySetInnerHTML:{__html:o}}),e.createElement(Te,null,e.createElement(Pe,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:l,"data-event-category":null==m?void 0:m.dataEventCategory,"data-event-action":null==m?void 0:m.dataEventAction,"data-event-label":null==m?void 0:m.dataEventLabel},n.acceptButton),e.createElement(Fe,{href:a},n.policiesButton))),nn=({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:M,SEOImageWidth:D,SEOImageHeight:_,customMetaData:z=[],isIndexable:S=!0,hasNoCanonical:j=!1}=t,A=S&&La?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:I}=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 P=a||"en-PH",F="helloSites"===i?wa[P]:"www.marrybaby.vn",O=T.endsWith("/")?"":"/",$=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}${O}" />`,`<link rel="canonical" href="https://${F}${T}${O}?page=${N}" />`):t.apiMetaData;if(m=Oe(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)||D&&String(D)||"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)||_&&String(_)||"630"})]}}return m}),[t.apiMetaData,t.openGraph,B,_,D,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:I}),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"}),z.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:P}),e.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!$&&e.createElement(e.Fragment,null,"helloSites"===i?e.createElement("title",null,s?L:L+" - "+(null===(d=Ca[a])||void 0===d?void 0:d.SITE_NAME)):e.createElement("title",null,L),!j&&e.createElement("link",{rel:"canonical",href:`https://${F}${T}`}),e.createElement("meta",{name:"description",content:x||(null===(g=t.openGraph)||void 0===g?void 0:g.description)}),t.schemaData&&e.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),e.createElement("meta",{property:"og:locale",content:a}),e.createElement("meta",{property:"og:type",content:M||"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)||D&&String(D)||"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)||_&&String(_)||"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?ka[P]||[]:ka.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($)&&m?$.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):$,m&&e.createElement("link",{rel:"canonical",href:m}),!t.hasNoAmp&&"vi-VN"!==a&&e.createElement("link",{rel:"amphtml",href:`https://${F}${T}${O}?amp=1`}),c&&"undefined"!=typeof window?e.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${c}'});`}}):null)},rn=({locale:a,onClick:l,siteType:n,pageUrl:r})=>{const{t:o}=Ba(),[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(He,{label:o("dueDatePage.conceptionDate"),name:"date",size:"md",value:Ve(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($a,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:s&&fa(s).format(Ua)}))}),actionIcon:e.createElement(Va.CalendarMB,{size:32})}):e.createElement($a,{label:e.createElement(i,{size:"n1",type:"bold",color:O.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.conceptionDate")),value:Ve(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:Ve(s)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:s,displayDateFormat:Re,onChange:e=>{c(e)},placeholder:"placeholder"})})),e.createElement(I,{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),`${Na.type}=1&sd=${Ma(s,Ue)}&${Na.additional}= `)},role:"button"},o("dueDatePage.lastPeriod.calculate")))},on=({locale:a,onClick:l,siteType:n,pageUrl:r})=>{const{t:o}=Ba(),[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(He,{label:o("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:Ve(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($a,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:s&&fa(s).format(Ua)}))}),actionIcon:e.createElement(Va.CalendarMB,{size:32})}):e.createElement($a,{label:e.createElement(i,{size:"n1",type:"bold",color:O.colors.gray700,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.ivf.transferDate")),value:Ve(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:Ve(s)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:s,displayDateFormat:Re,onChange:e=>{c(e)},placeholder:"placeholder"})})),e.createElement("div",{style:{width:"100%"}},e.createElement(Ze,{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(I,{className:"due-date-calculate-button",size:"lg",color:"marryBaby"===n?"secondary":"primary",theme:n,dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{l(qe(s,Number(m)),`${Na.type}=2&${Na.startDate}=${Ma(s,Ue)}&${Na.additional}=${m}`)},role:"button"},o("dueDatePage.lastPeriod.calculate")))},sn=({locale:a,onClick:l,siteType:n,pageUrl:r})=>{const{t:o}=Ba(),[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(He,{label:o("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:Ve(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($a,Object.assign({name:"birthday",size:"md"},t,{value:m&&fa(m).format(Ua)}))}),actionIcon:e.createElement(Va.CalendarMB,{size:32})}):e.createElement($a,{className:"input-section due-date-input",label:e.createElement(i,{size:"n1",type:"bold",color:O.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.lastPeriod.lastPeriodLabel")),value:Ve(m),name:"date",size:"md",CustomInput:e.createElement(We,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Ve(m)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:m,displayDateFormat:Re,onChange:e=>{d(e)},placeholder:"placeholder"})})),e.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===n?"marryBaby":""},"marryBaby"===n?e.createElement(qa,{type:"bodytext-3",color:O.mbColors.midGray},o("dueDatePage.lastPeriod.periodLengthLabel")):e.createElement(i,{size:"n1",type:"bold",color:O.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:O.colors.gray600},s),e.createElement(Ka,{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(I,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,className:"due-date-calculate-button",size:"lg",color:"marryBaby"===n?"secondary":"primary",theme:n,onClick:()=>l(Ke(m,s),`${Na.type}=0&${Na.startDate}=${Ma(m,Ue)}&${Na.additional}=${s}`),role:"button"},o("dueDatePage.lastPeriod.calculate")))},cn=({onSubmitDueDate:a,locale:n,isSide:r,siteType:o})=>{const{t:s}=Ba(),[c,m]=t(Ye.lastPeriod),d=[{value:Ye.lastPeriod,label:s("dueDatePage.lastPeriod")},{value:Ye.conception,label:s("dueDatePage.conceptionDate")},{value:Ye.IVF,label:s("dueDatePage.ivf")}],g=l((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(Xe,null,e.createElement(Qe,{className:"input-form input-section","data-is-side":!0},"marryBaby"===o?e.createElement(Je,{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:O.colors.gray600,style:{marginBottom:"9px",flex:"1"}},s("dueDatePage.calculationMethod")),e.createElement(et,{"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===Ye.lastPeriod?e.createElement(sn,{locale:n,onClick:a,isSide:r,siteType:o,pageUrl:g}):null,c===Ye.conception?e.createElement(rn,{locale:n,onClick:a,isSide:r,siteType:o,pageUrl:g}):null,c===Ye.IVF?e.createElement(on,{locale:n,onClick:a,isSide:r,siteType:o,pageUrl:g}):null)},mn=({isMobile:t,locale:a,onSubmitDueDate:l,dueDatePageInfo:n,expertUrl:r,isSide:o,siteType:s})=>{var c;const{t:m}=Ba();return e.createElement(tt,{"data-is-side":o,"data-site":s},e.createElement(at,{isSide:o,bannerUrl:P.getAssetPath("embedToolBannerPink.svg"),siteType:s,bannerColor:"marryBaby"===s&&O.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:O.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(lt,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":o},e.createElement(cn,{siteType:s,locale:a,onSubmitDueDate:l,isSide:o})))};function dn({weight:e,height:t}){const a=t/100,l=e;return Math.round(l/(a*a)*10)/10}const gn=({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}=Ya(),k=C(),{t:N}=Ba(),{gender:L=!1,age:x=!1,height:B=!1,weight:M=!1,objective:D=!0}=s||{},{getHealthToolLink:_}=Ja(d),z=l((()=>_(Za.OVULATION)),[_]),S=l((()=>[{value:"male",label:N("gender.male"),content:e.createElement(Va.GenderChooseBoy,null)},{value:"female",label:N("gender.female"),content:e.createElement(Va.GenderChooseGirl,null)}]),[]),j=l((()=>[{value:"lose-weight",label:N("bmi.objective.loseWeight")},{value:"maintain-weight",label:N("bmi.objective.maintainWeight")},{value:"gain-weight",label:N("bmi.objective.gainWeight")}]),[]),A=()=>{y(!0)};return n((()=>{Object.keys(a||{}).forEach((e=>{w(e,null==a?void 0:a[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[a]),n((()=>{r&&r(k)}),[k]),e.createElement(nt,null,e.createElement("form",{onSubmit:f((e=>Ea(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:dn({height:t,weight:a})};D||(l.objective=e.objective),A(),o&&o(l)}))),A)},!L&&e.createElement(rt,{"data-is-side":g},e.createElement(Xa,{name:"gender",control:b,defaultValue:"male",render:({field:{name:t,value:a,onChange:l},fieldState:{error:n}})=>e.createElement(ot,{size:"md",name:t,label:c.gender.label,CustomInput:e.createElement(Wa,{options:S,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(it,{"data-is-side":g},!x&&e.createElement(rt,null,e.createElement(Xa,{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(Qa.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:O.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(rt,null,e.createElement(Xa,{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(Qa.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:O.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})})),!M&&e.createElement(rt,null,e.createElement(Xa,{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(Qa.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:O.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})})),!D&&e.createElement(rt,null,e.createElement(Xa,{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(ot,{size:"md",name:t,label:c.objective.label,CustomInput:e.createElement(Ze,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:j,value:a,onChange:l}),errorMessage:E?null==n?void 0:n.message:"",className:"bmi--input bmi--input-objective"})}))),e.createElement("div",{style:{display:"flex"}},e.createElement(st,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${wa[d]}/${z}`},N("bmi.submit")))))},un=({isMobile:t,onSubmit:a,bmiContent:l,isSide:n,bmiGenerated:r,bmiUnit:o,bmiLink:s,locale:c})=>{var m,d,g;const{t:u}=Ba();return e.createElement(tt,{"data-is-side":n},e.createElement(at,{isSide:n,bannerUrl:P.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:O.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(Ha,null,e.createElement(lt,{as:"div","data-is-side":n},s&&e.createElement(gn,{onSubmit:a,bmiGenerated:r,locale:c,bmiUnit:o,isSide:n}))))},pn=({isMobile:t,className:a,onSubmit:l,onError:n,schema:r,babyGrowthContent:o,siteType:s})=>{var c;const{t:m}=Ba();return e.createElement(tt,{"babyGrowthContent-is-mobile":t,"data-site":s},e.createElement(at,{siteType:s,bannerUrl:P.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:P.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===s&&O.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:O.colors.white,className:"embedded-review",dangerouslySetInnerHTML:{__html:m("toolPage.toolReviewer",{expert_name:`<a style="text-decoration: underline" href="${o.reviewBy.link||"#"}">${o.reviewBy.reviewer.trim()}</a>`,date:o.reviewBy.date})}}):void 0,isMobile:t}),e.createElement(ct,{"data-theme":s},e.createElement(mt,{siteType:s,schema:r,className:a,onSubmit:l,onError:n})))},hn=({babyPoopPage:t,onClickFindOut:a,locale:l,isMobile:n,currentUrl:r,isSide:o})=>{const{t:s}=Ba(),{reviewedBy:c,reviewedDate:m}=t;return e.createElement(dt,null,e.createElement(Ra,{className:"px-16",style:{height:"100%",display:""+(n?"flex":""),flexDirection:"column"}},n&&e.createElement(gt,{src:P.getAssetPath("babyDiaper.png"),alt:t.title}),e.createElement(ut,{"data-is-side":o},e.createElement(pt,{"data-is-side":o},e.createElement(F,{tag:"h2",color:"#284A75"},t.title),e.createElement(i,{size:"p3",className:"description"},t.description),!!c&&e.createElement(ht,{className:"reviewer"},e.createElement("img",{src:P.getAssetPath("reviewerCheck.svg"),alt:"check",className:"check-icon"}),e.createElement(i,{size:"p4",color:O.colors.gray600},s("categoryPage.info.reviewed")," ",e.createElement("a",{href:c.profileUrl},c.displayName)," ",s("categoryPage.onDate",{date:m}))),e.createElement(I,{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(gt,{src:P.getAssetPath("babyDiaper.png"),alt:t.title,"data-is-vietnam":l===xa.Vietnam,className:"banner-img"}))))},vn=({value:a,options:l,className:n,direction:r="horizontal",onChange:o,isDisabled:s})=>{const[c,m]=t(a);return e.createElement(vt,{className:n,"data-direction":r},l.map(((t,l)=>e.createElement(Et,{"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))))))},En=({info:a,className:l,style:r,onChange:o,errorMessage:s={},locale:c})=>{const{t:m}=Ba(),[d,g]=t(new Date),[u,p]=t({age:!1,rate:!1});return n((()=>{p({age:!1,rate:!1})}),[s]),e.createElement(yt,{style:r,className:l},e.createElement($a,{className:"input-section due-date-input",label:e.createElement(i,{size:"n1",type:"bold",color:O.colors.gray600,style:{marginBottom:"9px",flex:"1"}},m("targetHeartRate.ageInput")),value:Ve(d),name:"date",size:"md",CustomInput:e.createElement(We,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Ve(d)})),disabledDays:{after:new Date(Da(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:Ma(new Date(e),Ue)});o&&o(t)})(e)},placeholder:"placeholder"}),errorMessage:u.age?"":s.age}))},yn=({isSide:a,locale:r,thrContent:o,isMobile:s,info:c,inputErrorMessage:m,onFormChange:d,onSubmit:g})=>{var u,p,h;const{t:v}=Ba(),{getHealthToolLink:E}=Ja(r),y=l((()=>E(Za.THR)),[E]),[b,f]=t(!1),[w,C]=t("low_intensity"),[k,N]=t("male"),[L,x]=t(60),[B,M]=t({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),D=[{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}],_=[{value:"low_intensity",label:v("targetHeartRate.lowIntensity.title"),image:P.getAssetPath("/low.svg"),imageActive:P.getAssetPath("/low-active.svg"),content:v("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:v("targetHeartRate.moderateIntensity.title"),image:P.getAssetPath("/moderate.svg"),imageActive:P.getAssetPath("/moderate-active.svg"),content:v("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:v("targetHeartRate.aerobicZone.title"),image:P.getAssetPath("/aerobic.svg"),imageActive:P.getAssetPath("/aerobic-active.svg"),content:v("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:v("targetHeartRate.vigorousIntensity.title"),image:P.getAssetPath("/vigorous.svg"),imageActive:P.getAssetPath("/vigorous-active.svg"),content:v("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:v("targetHeartRate.maximumIntensity.title"),image:P.getAssetPath("/maximum.svg"),imageActive:P.getAssetPath("/maximum-active.svg"),content:v("targetHeartRate.maximumIntensity.note")}],z=l((()=>[{value:"male",label:v("gender.male"),content:e.createElement(Va.GenderChooseBoy,null)},{value:"female",label:v("gender.female"),content:e.createElement(Va.GenderChooseGirl,null)}]),[]);return n((()=>{const e=((new Date).getTime()-new Date(null==c?void 0:c.age).getTime())/1e3;f(e>=567648e3);const t=D.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||D[0];M(t),x(60)}),[null==c?void 0:c.age]),e.createElement(tt,{"data-is-side":a},e.createElement(at,{isSide:a,bannerUrl:P.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:O.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:v("toolPage.toolReviewer",{expert_name:`<a\n                      style="color: white"\n                      href="${tl(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(Ha,null,e.createElement(lt,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":a},e.createElement(bt,{"data-is-side":a},e.createElement(ft,null,e.createElement(wt,{size:"md",name:"gender",label:v("bmi.selectGender"),CustomInput:e.createElement(Wa,{options:z,value:k,onChange:e=>{N(e),x(60)},className:"bmi--input-radio_gender"}),className:"bmi--input bmi--input-gender"}))),e.createElement(bt,null,e.createElement(En,{info:c,locale:r,errorMessage:m,onChange:d})),e.createElement("div",{className:"slider-heart-rate"},e.createElement(el,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:O.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},v("targetHeartRate.heartRateInput")),e.createElement("div",{className:"slider-outer-wrapper"},e.createElement(Ka,{containerStyle:{flex:1},min:"male"===k?B.rangeMale:B.rangeFemale,max:200,step:1,value:L,withControl:!0,onChange:x}))),b&&e.createElement(ft,null,e.createElement(Ct,null,e.createElement(el,{size:"label2",style:{display:"inline-block",fontWeight:"bold",color:O.colors.gray600,marginBottom:"9px"},htmlFor:"gender-selector"},v("targetHeartRate.selectActive")),e.createElement("div",{className:"card"},e.createElement(vn,{options:_.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:P.getAssetPath("/infoIcon.svg"),alt:""}),e.createElement(i,{size:"n1",color:"#595959"},null===(h=_[_.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(kt,{size:"lg",onClick:()=>{g(k,w,[L])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${wa[r]}/${y}`},v("bmi.submit")))))},bn=({info:a,className:r,style:o,onChange:s,errorMessage:c={},locale:m,onClick:d,isSide:g})=>{const{t:u}=Ba(),[p,h]=t({age:!1,height:!1,weight:!1}),{getHealthToolLink:v}=Ja(m),E=l((()=>v(Za.OVULATION)),[v]),[y,b]=t("male"),f=l((()=>[{value:"male",label:u("gender.male"),content:e.createElement(Va.GenderChooseBoy,null)},{value:"female",label:u("gender.female"),content:e.createElement(Va.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(Nt,{style:o,className:r},e.createElement(Lt,{"data-is-side":g},e.createElement(xt,{size:"md",name:"gender",label:u("bmi.selectGender"),CustomInput:e.createElement(Wa,{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(Bt,{"data-is-side":g},e.createElement(Lt,null,e.createElement(Qa.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:O.colors.gray600},u("bmi.ageInput")," ",e.createElement(i,{size:"label2",type:"bold",color:O.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(Lt,null,e.createElement(Qa.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:O.colors.gray600},u("bmi.heightInput")," ",e.createElement(i,{size:"label2",type:"bold",color:O.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(Lt,null,e.createElement(Qa.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:O.colors.gray600},u("bmi.weightInput")," ",e.createElement(i,{size:"label2",type:"bold",color:O.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(Mt,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${wa[m]}/${E}`,onClick:()=>{d(y)}},u("bmi.submit"))))},fn=({isSide:t,locale:a,bmrContent:l,isMobile:n,info:r,inputErrorMessage:o,onFormChange:s,onSubmit:c})=>{var m,d,g;const{t:u}=Ba();return e.createElement(tt,{"data-is-side":t},e.createElement(at,{isSide:t,bannerUrl:P.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:O.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(Ha,null,e.createElement(lt,{onSubmit:e=>e.preventDefault(),"data-is-side":t},e.createElement(Dt,null,e.createElement(bn,{info:r,locale:a,errorMessage:o,onChange:s,onClick:c,isSide:t})))))};var wn="eM8ChWU",Cn="KAx1aqi",kn="QcFfKPB",Nn="brbyNAY",Ln="W65hTnn";const xn=({src:t,title:a,backgroundSrc:l,className:n,reviewedSection:r,isSide:o})=>e.createElement("div",{className:`${wn} ${n||""}`},e.createElement("div",{className:Cn,style:{backgroundImage:`url("${l}")`}},e.createElement("div",{className:kn,"data-is-side":o},e.createElement("div",{className:Nn,"data-is-side":o},e.createElement(F,{tag:"h4",color:"white"},a),r),e.createElement("div",{className:Ln},e.createElement("img",{src:t||"",style:{objectFit:"contain"},alt:a})))));var Bn="zvE9IoJ",Mn="njDC-ia",Dn="ESkUhe9",_n="wZLIQYa";const zn=({backgroundDesktopSrc:t,backgroundMobileSrc:a,title:l,className:n,isSide:r,ovulationContent:o})=>{var s,c,m;const{t:d}=Ba(),g=tl(null==o?void 0:o.reviewed_by);return e.createElement("div",{className:`${Bn} ${n}`,"data-is-side":r},e.createElement("div",{className:Mn,style:{backgroundImage:`url('${a||t}')`}},e.createElement("div",{className:_n},e.createElement(F,{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:Dn,"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(xn,{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:O.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}))},Sn=({onSubmitOvulation:t,locale:a,ovulationPageInfo:l,ovulationContent:n,expertUrl:r,isSide:o=!1,siteType:s,isMobile:c})=>{var m;const{t:d}=Ba(),g=al(l||null);return e.createElement(tt,{"data-is-side":o,"data-site":s},"marryBaby"!==s?e.createElement(zn,{backgroundDesktopSrc:P.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:P.getAssetPath("embedToolBannerPink.svg"),title:d("healthTools.ovulationCalculator"),reviewedBy:g.reviewedBy,reviewedDate:g.reviewedDate,ovulationContent:n,isSide:o}):e.createElement(at,{isSide:o,bannerUrl:P.getAssetPath("embedToolBannerPink.svg"),siteType:s,bannerColor:"marryBaby"===s&&O.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:O.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(lt,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":o},e.createElement(_t,{siteType:s,locale:a,onSubmitOvulation:t,isSide:o})))},jn=({siteType:l,info:r,onChange:o,errorMessage:i={}})=>{const{t:s}=Ba(),[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(He,{label:s("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==r?void 0:r.height,CustomInput:e.createElement($a,{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(He,{label:s("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==r?void 0:r.weightBefore,CustomInput:e.createElement($a,{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(He,{label:s("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==r?void 0:r.weight,CustomInput:e.createElement($a,{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(S,{placeholder:s("pwg.placeholder.height"),className:"input-section",label:e.createElement("span",{style:{color:O.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},s("pregnancyWeightGain.heightInput")," ",e.createElement("span",{style:{color:`${O.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(S,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:O.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:u,className:"label-text"},s("pregnancyWeightGain.weightBeforeInput")," ",e.createElement("span",{style:{color:`${O.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(S,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:O.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:d},className:"label-text"},s("pregnancyWeightGain.weightInput")," ",e.createElement("span",{style:{color:`${O.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})))},An=({locale:a,onClick:n,inputErrorMessage:r,pwgContent:o,onFormChange:s,info:c,isMobile:m,isSide:d=!1,siteType:g})=>{var u;const{t:p}=Ba(),[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}=Ja(a),w=l((()=>f(Za.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:O.colors.white,dangerouslySetInnerHTML:{__html:p("toolPage.toolReviewer",{expert_name:`<a style="text-decoration: underline" href="${tl(o.reviewedBy)}">${o.reviewedBy.display_name}</a>`,date:o.reviewedDate})}}):void 0;return e.createElement(tt,{"data-is-side":d,"data-site":g},e.createElement(at,{siteType:g,bannerUrl:P.getAssetPath("embedToolBannerPink.svg"),bannerColor:"marryBaby"===g&&O.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(Ha,null,e.createElement(lt,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":d},"marryBaby"!==g&&e.createElement(zt,{className:"hide-asking-mobile","data-is-side":d},e.createElement(el,{size:"label2",style:{display:"block",fontWeight:"bold",color:O.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},p("pregnancyWeightGain.havingTwins")),e.createElement(St,{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(Xe,null,e.createElement(jt,{className:"input-section input-form-pwg","data-is-side":d},"marryBaby"===g?e.createElement(Je,{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(el,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:O.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(jn,{siteType:g,info:c,errorMessage:r,onChange:s})),"marryBaby"!==g&&e.createElement(zt,{className:"hide-asking-desk","data-is-side":d},e.createElement(el,{size:"label2",style:{display:"block",fontWeight:"bold",color:O.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},p("pregnancyWeightGain.havingTwins")),e.createElement(St,{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(xl,{name:"twins",label:p("pregnancyWeightGain.havingTwins"),checked:"twins"===h,siteType:"marryBaby",onChange:()=>{v("twins"===h?"notwins":"twins")},value:"twins"}),e.createElement(At,{"data-is-side":d,"data-site":g},e.createElement(I,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${wa["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"))))))},In=()=>"undefined"!=typeof window&&window.innerWidth<A.BREAK_POINT_MOBILE,Tn=()=>"undefined"!=typeof window&&window.innerWidth>=A.BREAK_POINT_MOBILE&&window.innerWidth<A.BREAK_POINT_PC,Pn=()=>{const[e,a]=t(In()),[l,r]=t(Tn());return n((()=>{const e=()=>{a(In()),r(Tn())};return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]),{isMobile:e,isLargeMobile:l}};const Fn={"en-PH":nl,"vi-VN":ol,"zh-TW":il,"id-ID":rl};function On(a){const{value:n={from:null,to:null}}=a,[r,o]=t(null),{isMobile:i}=Pn(),[s,c]=t((()=>n)),[m,d]=t((()=>{var e;return za(null!==(e=n.from)&&void 0!==e?e:new Date)})),g=l((()=>Sa(m,1)),[m]);const u=Object.assign(Object.assign({},a),{goToNextMonth:function(){d((e=>Sa(e,1)))},goToPreviousMonth:function(){d((e=>ja(e,1)))},range:s,setRange:c,hoverDay:r,setHoverDay:o});return e.createElement(e.Fragment,null,e.createElement($n,Object.assign({},u,{date:m})),!i&&e.createElement(It,null),!i&&e.createElement($n,Object.assign({},u,{date:g})))}function $n({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}=Ba(),v=l((()=>{var e;return null!==(e=Fn[h])&&void 0!==e?e:Fn["en-PH"]}),[h]),E=l((()=>Ma(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(Rt,{key:`idx-${l}`,"data-empty":"true"});const n=t.getDate(),o=Ia(t),i=!!a.from&&Ta(a.from,t),s=!!a.to&&Ta(a.to,t),h=i||s;let v=!1;null!==u&&a.from&&_a(a.from,u)&&!a.to?v=Pa(t,{start:a.from,end:u}):a.from&&a.to&&(v=Pa(t,{start:a.from,end:a.to}));let E=!1;return c&&m?E=!Pa(t,{start:c,end:m}):c?E=_a(t,c):m&&(E=Fa(t,m)),e.createElement(Rt,{key:n,"data-is-today":o,"data-is-past":!o&&Oa(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?_a(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(Tt,{className:"calendar-wrapper"},e.createElement(Pt,null,e.createElement(I,{onClick:i,size:"md",color:"ghost",icon:e.createElement("img",{src:P.getAssetPath("calendarArrowLeft.svg")})}),e.createElement("div",{className:"calendar-month"},E,e.createElement("strong",null,Ma(t,"yyyy"))),e.createElement(I,{onClick:s,size:"md",color:"ghost",icon:e.createElement("img",{src:P.getAssetPath("calendarArrowRight.svg")})})),e.createElement(Ft,null,e.createElement("div",null,e.createElement(Ot,null,y.map(((t,a)=>e.createElement($t,{key:`${t}-${a}`},t))))),e.createElement("div",null,function(){const l=t.getFullYear(),n=t.getMonth(),r=Aa(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(Ht,{key:`month-${n}`,"data-month-index":n,"data-has-range":Boolean(a.from&&a.to)},e.createElement(Vt,null,e.createElement(Wt,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 Ma(e,"dd/MM/yyyy")}ll(h,(()=>{p()}));const y=l((()=>o.from&&o.to?Ta(o.from,o.to)?E(o.from):`${E(o.from)} - ${E(o.to)}`:""),[o.from,o.to]);return e.createElement(Ut,{className:[m,g&&"focused"].filter(Boolean).join(" "),ref:h},e.createElement("label",{htmlFor:r},e.createElement(S,{size:n,value:y,name:r,actionIcon:e.createElement("img",{src:P.getAssetPath("calendar.svg")}),onFocus:()=>u(!0)})),g?e.createElement(Zt,{onMouseDown:e=>{e.stopPropagation()}},e.createElement(On,{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"})),Wn=({url:t,onCopied:a,locale:n,siteType:r})=>{const{t:o}=Ba(),s=sl(t||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(n))),c=l((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(qt,null,e.createElement(i,{size:"p3",color:O.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(I,{theme:r,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(Vn,null),onClick:()=>Ea(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})))},Rn=()=>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"})),Gn=t=>{var{open:a,title:l,onClose:r,onCopied:s,onShared:c,url:m,locale:d}=t,g=va(t,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:u}=Ba(),p=o((()=>Ea(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=sl(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(Kt,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:O.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:O.colors.gray600},u("share.copyLink")),e.createElement("div",{className:"input-group"},e.createElement($a,{name:"link",size:"md",value:m,isDisabled:!0}),e.createElement(I,{size:"md",type:"button",color:"tertiary",icon:e.createElement(Rn,null),onClick:p})))))},Un=({vaccineRecord:t,isInTimeline:a,isCurrent:l,onMarkAsInjected:n,onDelInjected:r,className:o,siteType:s})=>{const{t:c}=Ba(),{vaccineId:m,id:d,status:g,optional:u,vaccineName:p,doseNumber:h,totalDoses:v,givenOn:E}=t;return e.createElement(Yt,{className:o,"data-theme":s,"data-status":l?"current":g,"data-is-in-timeline":a},e.createElement(Xt,null,l?e.createElement(Va.Current,null):"vaccinated"===g?e.createElement(Va.Vaccinated,null):"passed"===g?e.createElement(Va.Missed,null):e.createElement(Va.Upcoming,null),a?e.createElement("div",{className:"toggle",onChange:()=>{"vaccinated"==g?r(t):n(t)}},"vaccinated"===g?e.createElement(Va.ToggleOn,null):e.createElement(Va.ToggleOff,null),e.createElement(i,{size:"n1",color:O.colors.gray800},c("vaccinated"===g?"babyVaccine.vaccineCard.injected":"babyVaccine.vaccineCard.markAsInjected"))):e.createElement("div",{className:"in-detail"},c(l?"babyVaccine.status.current":"vaccinated"===g?"babyVaccine.status.vaccinated":"passed"===g?"babyVaccine.status.missed":"babyVaccine.status.upcoming"))),e.createElement(Qt,null,e.createElement(i,{size:"s3",color:O.colors.gray800,type:"semiBold"},p),e.createElement(Jt,null,e.createElement(i,{size:"n1",color:u?O.colors.gray800:O.colors.red800},c(u?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")),e.createElement("span",{className:"dot"}),e.createElement(i,{size:"n1",color:O.colors.gray600},c("babyVaccine.vaccineInfo.dose",{ordinal:h,total:v})),e.createElement("span",{className:"dot"}),e.createElement(i,{size:"n1",color:O.colors.gray800},c("vaccinated"===g?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:E})))))},Zn=({vaccineRecords:t,isCurrent:a,onMarkAsInjected:l,onDelInjected:n,countPass:r,countNext:o,className:s,siteType:c})=>{const{t:m}=Ba();return e.createElement(ea,{className:s,"data-theme":c},e.createElement(ta,null,e.createElement(aa,null,e.createElement(i,{size:"s4",color:a?O.colors.primaryBase:O.colors.gray800,type:"semiBold",className:"title"},t.name||t.shortName),e.createElement(la,{"data-isCurrent":a},e.createElement("span",{className:"dot"}),e.createElement("div",{className:"line"}))),e.createElement(na,null,r>0&&e.createElement(i,{size:"n1",color:O.colors.gray600,wordWrap:"none"},m("babyVaccine.timeline.totalPast",{number:r})),r>0&&o>0&&e.createElement("span",{className:"dot"}),o>0&&e.createElement(i,{size:"n1",color:O.colors.gray600,wordWrap:"none"},m("babyVaccine.timeline.totalNext",{number:o})))),e.createElement(ra,null,(null==t?void 0:t.records)&&t.records.map(((t,r)=>e.createElement(Un,{key:`${r}${t.vaccineId}`,vaccineRecord:t,isInTimeline:!0,isCurrent:a&&0===r,onMarkAsInjected:()=>l(t),onDelInjected:()=>n(t)})))))},qn=({content:t,url:a,icon:l,gender:n,className:r,siteType:o})=>{const{t:s}=Ba();return e.createElement(oa,{className:r,"data-theme":o,"data-gender":n},e.createElement("div",{className:"content"},e.createElement(i,{size:"p3",color:O.colors.gray800},t),a&&e.createElement("a",{className:"read-more",href:a,target:"_blank",rel:"noreferrer"},e.createElement("div",null,e.createElement(i,{size:"s4",color:O.colors.primaryBase,type:"semiBold"},s("articlePage.readMore"))),e.createElement(Va.ArrowRight,{size:20,color:O.colors.primaryBase}))),e.createElement("img",{alt:"health-tool-icon",src:l}))},Kn=({babyVaccinationRecord:a,onClose:l,vaccineDetail:r,isDetail:o,open:s,siteType:c,onMarkAsInjected:m,onDelInjected:d})=>{const{t:g}=Ba(),[u,p]=t(0),[h,v]=t(!1),E=[{name:g("babyVaccine.popup.tab.schedule"),dataEventAction:"Click"},{name:g("babyVaccine.popup.tab.detail"),dataEventAction:"Click"},{name:g("babyVaccine.popup.tab.benefits"),dataEventAction:"Click"},{name:g("babyVaccine.popup.tab.contraindication"),dataEventAction:"Click"}];return n((()=>{o&&p(1)}),[o]),e.createElement(ia,{type:"profile",isOpen:s,onClose:l,siteType:c},e.createElement("div",{className:"header"},e.createElement("div",{className:"title"},e.createElement(i,{size:"s2",type:"semiBold"},g("babyVaccine.popup.title")),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:l},e.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"})))),e.createElement("div",{className:"profile-container"},e.createElement(ml,{style:{fontSize:"14px",lineHeight:"22px",width:"100%",border:"none"},onChange:e=>{p(e)},tabContent:E,initialTab:u}),e.createElement(sa,null,0===u&&e.createElement(e.Fragment,null,e.createElement(Un,{vaccineRecord:a,onMarkAsInjected:()=>m(a),onDelInjected:()=>d(a),isInTimeline:!1}),e.createElement("div",{className:"toggle",onChange:()=>{"vaccinated"==a.status?d(a):m(a)}},"vaccinated"===a.status?e.createElement(Va.ToggleOn,null):e.createElement(Va.ToggleOff,null),e.createElement(i,{size:"n1",color:O.colors.gray800},"vaccinated"===a.status?g("babyVaccine.vaccineCard.injected"):g("babyVaccine.vaccineCard.markAsInjected"))),e.createElement(cl,{style:{width:"100%"},label:e.createElement(i,{as:"label",size:"s5",type:"semiBold",color:O.colors.gray600},g("babyVaccine.popup.checkbox.suggestedDate")),onChange:()=>null,excludeDate:e=>fa(e).isAfter(fa())}),e.createElement(Ga,{label:e.createElement(i,{as:"label",size:"s5",type:"semiBold",color:O.colors.gray600},g("babyVaccine.popup.input.suggestedDate")),name:"check",checked:h,value:"check",onChange:()=>v(!h)})),1===u&&e.createElement(e.Fragment,null,e.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:r.detail}})),2===u&&e.createElement(e.Fragment,null," ",e.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:r.benefits}})),3===u&&e.createElement(e.Fragment,null,e.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:r.contraindications}})))),e.createElement(I,{style:{width:"100%",marginTop:12},theme:c,size:"lg",color:"primary"},g("babyVaccine.popup.button.submit")))},Yn=(t,a)=>e.createElement(ha,{"data-status":t,"data-id":a||"header"},a||""),Xn=({vaccineRecord:t,onMarkAsInjected:a,onDelInjected:l,isMobile:n,className:r,siteType:o})=>{const{t:s}=Ba();return e.createElement(ca,{className:r,"data-theme":o},e.createElement(ma,null,e.createElement(Va.Missed,{color:O.colors.gray600}),e.createElement(i,{size:"p3",color:O.colors.gray800},s("babyVaccine.immunization.warning"))),e.createElement(da,null,e.createElement(ga,{className:"header"},!n&&e.createElement(ua,{className:"header"},e.createElement(i,{size:"s5",color:O.colors.gray800,type:"semiBold"},s("babyVaccine.immunization.vaccineName"))),e.createElement(pa,{className:"header"},e.createElement("div",{className:"status"},Yn("passed"),e.createElement(i,{size:"p4",color:O.colors.gray800},s("babyVaccine.status.missed"))),e.createElement("div",{className:"status"},Yn("next"),e.createElement(i,{size:"p4",color:O.colors.gray800},s("babyVaccine.status.upcoming"))),e.createElement("div",{className:"status"},Yn("vaccinated"),e.createElement(i,{size:"p4",color:O.colors.gray800},s("babyVaccine.status.vaccinated"))))),t&&t.map(((t,r)=>e.createElement(ga,{key:`${r}${t.id}`},e.createElement(ua,null,e.createElement(i,{size:"n1",color:t.optional?O.colors.gray800:O.colors.red800},t.optional?s("babyVaccine.vaccineInfo.optional"):s("babyVaccine.vaccineInfo.mandatory")),e.createElement(i,{size:n?"s3":"s4",color:O.colors.gray800,type:"semiBold"},t.name||t.antigen)),e.createElement(pa,null,t.records&&t.records.map(((t,n)=>e.createElement("div",{key:n,onClick:()=>{"vaccinated"==t.status?l(t):a(t)}},Yn(t.status,n+1))))))))))};export{pl as A,hl as B,xl as C,mn as D,Gn as E,El as F,yl as G,Zn as H,Ul as I,qn as J,Kn as K,Xn as L,Sn as O,fl as P,_l as R,wl as S,Cl as T,Nl as U,Un as V,vl as a,kl as b,Ll as c,zl as d,Fl as e,Wl as f,Rl as g,Gl as h,Zl as i,ql as j,Yl as k,Ql as l,Jl as m,en as n,tn as o,an as p,ln as q,nn as r,un as s,pn as t,hn as u,yn as v,fn as w,An as x,Hn as y,Wn as z};

package/build/esm/index.styled-ff6f334c.js

@@ -1,23 +0,0 @@
-import{Modal as t}from"@mantine/core";import{t as e}from"./theme-4cc44a21.js";import o from"styled-components";const i=o(t)`
-  .mantine-Modal-modal {
-    padding: 0;
-  }
-  .mantine-Modal-header {
-    border-bottom: 1px solid ${e.colors.neutral100};
-    margin-right: 0;
-    margin-bottom: 0;
-    padding: 16px;
-  }
-  .mantine-Modal-title {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-right: 0;
-  }
-  .mantine-Modal-close {
-    cursor: pointer;
-    width: 24px;
-    height: 24px;
-  }
-`;export{i as S};