@hhgtech/hhg-components 1.27.97 → 1.27.99

package/build/esm/index-8299b7e3.js

@@ -0,0 +1 @@
+import e,{useState as t,useRef as a,useMemo as n,useEffect as l,Fragment as r,useCallback as i,useContext as o}from"react";import{T as s}from"./index-d3a5ab49.js";import{f as c,g as m,h as d,i as g,j as p,k as u,l as h,m as v,n as E,o as b,p as y,q as f,r as w,s as C,t as k,u as x,v as N,w as L,x as B,H as S,y as T,A as M,z as I,B as D,E as z,I as j,J as A,K as P,P as O,M as _,N as F,O as H,d as $,Q as R,R as W,U as V,V as G}from"./index.styles-82f67895.js";import{i as U}from"./screenSizeContext-4855603d.js";import{a as Z}from"./useUniqueId-6cb9ddef.js";import{CommonGAssets as q}from"./gAssets.js";import{t as K}from"./theme-05390e1a.js";import{y as Y,U as X,z as Q,E as J,F as ee,G as te,H as ae,I as ne,J as le,K as re,N as ie,O as oe,Q as se,V as ce,W as me,X as de,Y as ge,Z as pe,_ as ue,$ as he,a0 as ve,a1 as Ee,a2 as be,a3 as ye,a4 as fe,a5 as we,a6 as Ce,a7 as ke,a8 as xe,a9 as Ne,aa as Le,ab as Be,ac as Se,ad as Te,ae as Me,af as Ie,ag as De,ah as ze,ai as je,aj as Ae,ak as Pe,al as Oe,am as _e,an as Fe,ao as He,ap as $e,aq as Re,ar as We,as as Ve,at as Ge,au as Ue,av as Ze,aw as qe,ax as Ke,ay as Ye,D as Xe,az as Qe,aA as Je,b as et,aB as tt,aC as at,aD as nt,aE as lt,aF as rt,aG as it,aH as ot,a as st,aI as ct,T as mt,aJ as dt,aK as gt,aL as pt,aM as ut,aN as ht,aO as vt,aP as Et,aQ as bt,aR as yt,aS as ft,aT as wt,aU as Ct,aV as kt,aW as xt,aX as Nt,aY as Lt,aZ as Bt,a_ as St,a$ as Tt,b0 as Mt,b1 as It,b2 as Dt,b3 as zt,b4 as jt,b5 as At,b6 as Pt,b7 as Ot,b8 as _t,b9 as Ft,ba as Ht,bb as $t,bc as Rt,bd as Wt,be as Vt,bf as Gt,bg as Ut,bh as Zt,bi as qt,bj as Kt,bk as Yt,bl as Xt,bm as Qt,e as Jt,bn as ea,bo as ta,bp as aa,bq as na,br as la,bs as ra,bt as ia}from"./_topic-616fda4c.js";import{_ as oa,a as sa}from"./tslib.es6-a59ac7f2.js";import{Box as ca,Radio as ma,Flex as da,rem as ga,Card as pa,Group as ua,useMantineTheme as ha,Stack as va,AspectRatio as Ea,Chip as ba,ScrollArea as ya,Badge as fa,MultiSelect as wa,Stepper as Ca,Container as ka}from"@mantine/core";import xa from"innertext";import"@mantine/dates";import{d as Na,L as La,F as Ba,Q as Sa,G as Ta}from"./index-5968a9b1.js";import{L as Ma}from"./Onboarding-c0cfac18.js";import Ia from"dayjs";import"styled-components";import{i as Da}from"./isProduction-b2d88eb1.js";import"./translationsContext-9d561788.js";import"string-format";import{I as za}from"./index-fb88d784.js";import{useViewportSize as ja}from"@mantine/hooks";import{i as Aa}from"./index-6f45922a.js";import Pa from"lodash/throttle";import{u as Oa}from"./useTranslations-7b0b4bfb.js";import{format as _a,addDays as Fa,isBefore as Ha,startOfMonth as $a,addMonths as Ra,subMonths as Wa,getDaysInMonth as Va,isToday as Ga,isSameDay as Ua,isWithinInterval as Za,isAfter as qa,isPast as Ka}from"date-fns";import{I as Ya}from"./index-de57ecd9.js";import{I as Xa,C as Qa}from"./index-4db4b3b2.js";import"lodash/debounce";import"./useCategory-a175adb8.js";import{D as Ja}from"./types-f88531b2.js";import{M as en}from"./index-634bfb22.js";import{S as tn}from"./index-656071c0.js";import{useForm as an,Controller as nn}from"react-hook-form";import{u as ln}from"./useHealthToolCache-d4fccf30.js";import{f as rn}from"./index.styled-76288999.js";import{a as on}from"./useOutsideClick-b2f40fe8.js";import sn from"date-fns/locale/en-US";import cn from"date-fns/locale/id";import mn from"date-fns/locale/vi";import dn from"date-fns/locale/zh-TW";import{B as gn}from"./index-dae69259.js";import{g as pn}from"./getSocialList-b3d002ba.js";import{v4 as un}from"uuid";import{g as hn,a as vn}from"./routing-210e19d0.js";import"react-contenteditable";import"react-dom";import"react-day-picker/DayPickerInput";import"./index-da6144c5.js";import"./index.styled-894b40c7.js";import"./utils-f23fae06.js";import{M as En}from"./index-7433ba52.js";import bn from"js-cookie";import{useForm as yn,isNotEmpty as fn}from"@mantine/form";import wn from"lodash/flatten";import Cn from"lodash/uniqBy";var kn="CHw-fZZ",xn="_03U6VRS",Nn="EO828Vv";const Ln=({style:t,onClose:a,text:n,type:l,contentIcon:r,closeIcon:i,className:o,description:c})=>e.createElement("div",{className:`${kn} ${o||""}`,style:t,"data-alert-type":l},e.createElement("div",{className:xn},e.createElement("div",{className:"icon-title"},r,e.createElement(s,{type:"bold",size:"label1"},n)),e.createElement(s,{type:"regular",size:"p3"},c)),e.createElement("div",{className:Nn,onClick:a},i)),Bn=({amount:t,type:a,size:n="medium",color:l="primary",icon:r,className:i})=>e.createElement(c,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":l,"data-has-icon":!!r||void 0,notificationType:a,notificationSize:n,notificationColor:l,hasIcon:!!r,className:i},e.createElement("div",null,t&&e.createElement("span",null,t)," ",r&&e.createElement("div",null,r))),Sn=({style:t,children:a,className:n,size:l="lg",type:r="bold",upperCase:i,as:o="h4",color:s})=>e.createElement(m,{style:Object.assign({color:s},t),className:n,"data-size":l,"data-type":r,"data-uppercase":i,as:o},a),Tn=({className:n,value:l,options:r,onUploadSelected:i,id:o,placeholderIcon:s,placeholder:c,style:m})=>{const[v,E]=t(!1),b=()=>E(!v),y=a(r.map((t=>"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+t.value,key:"uploader-dropdown-input-"+o+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),i(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(d,{className:n,"data-dropdown-open":!!v,id:o,"data-has-icons":!0,style:m,onBlur:()=>E(!1),tabIndex:0},e.createElement(g,{onClick:b},s||f," ",e.createElement("span",null,l&&l.value?l.label:c)),v&&e.createElement(p,{onClick:b,"data-has-icons":!0},r.map((t=>e.createElement(u,{key:`${o}-${t.value}`,"data-selected":l&&l.value===t.value||void 0,onClick:()=>{return"upload"===t.type?(a="#uploader-dropdown-input-"+o+"-"+t.value,void(null===(n=document.querySelector(a))||void 0===n||n.click())):void((e=t.url)&&window.open(e,"_blank"));var e,a,n}},e.createElement(h,null,t.icon||"download"===t.type?w:C),t.label)))),e.createElement(e.Fragment,null,y.current))},Mn=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:l,gridTemplateColumnsDesktop:r,gap:i,children:o,justifyChildren:s,style:c,alignItems:m})=>e.createElement(v,{className:t,style:c,theme:{columns:a,columnsDesktop:n,gap:i,justifyChildren:s,gridTemplateColumns:l,gridTemplateColumnsDesktop:r,alignItems:m}},o),In=({pagesAmount:a,activePage:n,handlePageChange:i,handleClick:o,href:s,queryPageName:c="page"})=>{const m=[...Array(a)].map(((e,t)=>t+1)),[d,g]=t(n<=4?m.slice(0,5):n>=m.length-3?m.slice(m.length-5,m.length):m.slice(n-2,n+1));return l((()=>{n<=4?g(m.slice(0,5)):n>=m.length-3?g(m.slice(m.length-5,m.length)):g(m.slice(n-2,n+1))}),[n]),e.createElement(r,null,n>4&&e.createElement(r,null,e.createElement(y,{onClick:()=>i(1)},s?e.createElement("a",{href:s,onClick:o},1):1),e.createElement(y,null,"...")),d.map((t=>e.createElement(y,{key:`pagination+${t}`,"data-page-active":t===n||void 0,onClick:()=>i(t)},s?e.createElement("a",{href:U(s,t,c),onClick:o},t):t))),n<m.length-3&&e.createElement(r,null,e.createElement(y,null,"..."),e.createElement(y,{onClick:()=>i(m.length)},s?e.createElement("a",{href:U(s,m.length,c),onClick:o},m.length):m.length)))},Dn=({className:a,pagesAmount:r,currentPage:i,onChange:o,onClick:s,style:c,href:m,queryPageName:d="page"})=>{const g=[...Array(r)].map(((e,t)=>t+1)),[p,u]=t(i),h=n((()=>m&&m.endsWith("&page=")?m.replace("&page=",""):m),[m]),v=r-1,f=e=>{e<=r&&e>0&&(u(e),o(e))},w=e=>{s&&s(e)};return l((()=>{u(i)}),[i]),e.createElement(E,{className:a,style:c},e.createElement(b,{className:"prev-page",onClick:()=>f(p-1),"data-last-page":1===p||void 0},h?e.createElement("a",{href:U(h,p,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(In,{pagesAmount:r,activePage:p,handlePageChange:f,handleClick:w,href:h,queryPageName:d}):g.map((t=>e.createElement(y,{key:`pagination+${t}`,"data-page-active":t===p||void 0,onClick:()=>f(t)},h?e.createElement("a",{href:U(h,t,d),onClick:w},t):t))),e.createElement(b,{className:"next-page",onClick:()=>f(p+1),"data-last-page":p===v+1||void 0},h?e.createElement("a",{href:U(h,p,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"}))))},zn=({type:t,children:a,style:n,isInline:l,isSquared:r=!1,className:i,isLight:o,hasMorePadding:c,isLink:m,isSelected:d,textProps:g={size:"sm"}})=>{const p=g.color?{"--text-props-color":g.color}:{};return e.createElement(f,{"data-is-squared":r||void 0,"data-tag-type":t,"data-is-light":o||void 0,"data-has-more-padding":c||void 0,"data-is-inline":l||void 0,style:Object.assign(Object.assign({},n),p),className:i,"data-is-selected":d||void 0,"data-is-link":m||void 0,tagType:t,isInline:l,tagHasMorePadding:c,tagIsLight:o,tagIsSquared:r,tagIsALink:m},e.createElement(s,Object.assign({},g),a))},jn=({className:t,id:a,onChange:n,checked:l,style:r,label:i})=>e.createElement(w,{className:t,style:r},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:l}),e.createElement("label",{htmlFor:a},e.createElement(C,null),i&&e.createElement(k,null,i))),An=({label:t,name:a,checked:n,className:l,isDisabled:r,onChange:i,value:o,isRectangle:s,inputDataTestId:c,siteType:m})=>e.createElement(x,{className:l,"data-disabled":r||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":m},e.createElement("input",{type:"checkbox",checked:n,name:a,onChange:()=>i(o,!n),disabled:r,value:o,id:`${a}-${o}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${o}`},t)),Pn=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"})),On=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"})),_n=t=>{const a=Z();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"})))},Fn=({gap:a=2,size:n=24,star:l,totalStars:r=5,onSelect:i,hideEmptyStars:o,style:s,className:c})=>{const m=Math.floor(l),d=l-m>=.5?1:0,[g,p]=t(null),u=g||m,h=g?0:d;return e.createElement(N,{"data-selectable":!!i,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:o?m+d:r}).map(((t,a)=>{const n=()=>!!i&&p(a+1),l=()=>!!i&&p(null);return a+1<=u?e.createElement(On,{key:a,onClick:()=>null==i?void 0:i(a+1),onMouseOver:n,onMouseLeave:l}):a+1===u+h?e.createElement(_n,{key:a,onClick:()=>null==i?void 0:i(a+1),onMouseOver:n,onMouseLeave:l}):e.createElement(Pn,{key:a,onClick:()=>null==i?void 0:i(a+1),onMouseOver:n,onMouseLeave:l})})))},Hn=r=>{var{label:i,availableValue:o,styles:s}=r,c=oa(r,["label","availableValue","styles"]);const{t:m}=Oa(),{classes:d,cx:g}=L(void 0,{name:"GenderOptionControl",styles:s}),[p,u]=t(),h=a(null),v=n((()=>[{value:"male",label:m("gender.male"),icon:q.getAssetPath("health-tools/male-icon.svg")},{value:"female",label:m("gender.female"),icon:q.getAssetPath("health-tools/female-icon.svg")}]),[]);return l((()=>{u(o)}),[o]),e.createElement(ca,{ref:h,className:d.root},e.createElement(ma.Group,Object.assign({className:"radio-group",label:e.createElement(B,{size:"s4",weight:"semiBold",span:!0,color:"gray.6"},i),size:"lg"},c,{classNames:{error:d.groupErr}}),e.createElement(da,{className:g(d.wrapper)},v.map((t=>e.createElement(ma,Object.assign({className:"gender-item",classNames:{root:d.itemRoot,labelWrapper:d.itemLabelWrapper,label:d.itemLabel,inner:d.itemInner},key:t.value,value:t.value},p&&t.value!==p&&{disabled:!0},{label:e.createElement(da,{gap:ga(8),align:"center",justify:"center",sx:{zIndex:0}},e.createElement("img",{src:t.icon,className:"gender-image",alt:"female",loading:"lazy"}),e.createElement(B,{size:"p3"},t.label))})))))))};var $n="PiqKaXk",Rn="HgbW6-m",Wn="_6lkfLYy",Vn="j7c-onH";const Gn=({avatarImg:t,authorName:a,authorLink:n,uploadTime:l,size:r})=>e.createElement("div",{className:Vn},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":r},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(s,{size:"lg"===r?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,l))))),Un=({isMobile:t,avatarImg:a,name:n,link:l,size:r="lg",specialty:i})=>e.createElement("div",{className:Vn},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":r},a),e.createElement("div",{className:"expert","data-is-disabled-url":!l},t?e.createElement("a",{href:l},"lg"===r?e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:K.colors.gray600},n),e.createElement(s,{color:K.colors.gray500,size:"p3",className:"specialty"},i)):e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:K.colors.gray600},n))):e.createElement("a",{href:l},"lg"===r?e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:K.colors.gray600},n),e.createElement(s,{color:K.colors.gray500,size:"p3",className:"specialty"},i)):e.createElement(e.Fragment,null,e.createElement("h6",{color:K.colors.gray600,className:`${$n} expert__name`},n),e.createElement(s,{color:K.colors.gray500,size:"p4",className:"specialty"},i)))))),Zn=({articleLink:t,authorLink:a,authorName:n,avatarImg:l,banner:r,categoryLink:i,categoryName:o,className:c,dataEventActionForBanner:m,dataEventActionForBookmark:d,dataEventActionForCategory:g,dataEventActionForTitle:p,dataEventCategoryForBanner:u,dataEventCategoryForBookmark:h,dataEventCategoryForCategory:v,dataEventCategoryForTitle:E,dataEventLabelForBanner:b,dataEventLabelForBookmark:y,dataEventLabelForCategory:f,dataEventLabelForTitle:w,direction:C="horizontal",hasAffiliate:k,isBookmark:x=!1,isBookmarkDisplayed:N=!0,isMobile:L=!0,onBookmark:B,onClickCategoryName:T,section:M="normal",size:I="md",specialty:D,style:z,styleBanner:j,styleLabel:A,styleTitle:P,text:O,title:_,type:F="author",uploadTime:H,articleLinkTarget:$,isPremium:R})=>{const W=e=>{e.stopPropagation(),null==B||B()},V="lg"===I&&"expert"===F?"h4":"lg"===I&&"home"===M?L?"h4":"h3":"lg"===I?"h4":"h5",G="lg"===I?"p3":"p4",U=L||"home"!==M||"lg"!==I||"author"!==F?"c2":"c1";return e.createElement("article",{className:`${Wn} ${c||""}`,"data-size":I,style:z,"data-direction":C,"data-is-expert":"expert"===F||void 0},e.createElement("div",{className:"banner",style:j},e.createElement("a",{className:Rn,"data-event-category":u,"data-event-action":m,"data-event-label":b,href:t||"#",target:$},r),R&&e.createElement("img",{loading:"lazy",className:"premium",src:q.getAssetPath("premium-crown.svg")}),k&&e.createElement(Y,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(s,{style:A,className:"label",size:U,type:"caption"},e.createElement("a",{className:Rn,"data-event-category":v,"data-event-action":g,"data-event-label":f,href:i||"#",onClick:T},o),N&&e.createElement("a",{className:"bookmark",onClick:W},x?e.createElement(Q,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(X,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))),e.createElement(S,{tag:V,style:P,className:"title",as:"lg"===I?"h2":"h3"},e.createElement("a",{className:Rn,"data-event-category":E,"data-event-action":p,"data-event-label":w,href:t||"#",target:$},_)),O&&e.createElement("a",{href:t||"#",target:$},e.createElement(s,{size:G,className:"text"},O))),e.createElement("div",{className:"footer"},"author"===F?e.createElement(Gn,{size:I,avatarImg:l,authorName:n,authorLink:a,uploadTime:H,handleClick:W,isBookmarked:x,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}):e.createElement(Un,{size:I,isMobile:L,avatarImg:l,specialty:D,name:n,link:a,handleClick:W,isBookmarked:x,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:y}))))},qn=t=>{var a,n,l,{article:r,author:i,authorAvatar:o,badge:s="",hideDescription:c=!1,isBookmarked:m=!1,onBookmark:d,time:g,tracking:p}=t,u=oa(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:h}=T();return console.log({article:r}),e.createElement(pa,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},u),e.createElement(pa.Section,{w:"100%",h:"100%",miw:264,m:0},e.createElement("img",{src:(h?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(pa.Section,null,e.createElement(ua,{position:"apart",mt:16,mb:4},e.createElement(M,{href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(B,{size:"p4",color:"blue.6"},null===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(ca,{sx:{cursor:"pointer"},role:"button",onClick:d},m?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==p?void 0:p.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==p?void 0:p.bookmark),e.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),e.createElement(B,{size:c?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!c&&e.createElement(B,{size:"p2",mb:16,lineClamp:3},xa(r.excerpt||r.description||(null===(l=r.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(da,{gap:12,align:"center"},e.createElement(I,{size:32,src:o,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),e.createElement(B,{size:"n1",c:"gray.6"},i," • ",g))))},Kn=648/440,Yn=1.5,Xn=t=>{var a,l,r,{article:i,author:o,authorAvatar:s,badge:c="",bannerImageWrapProps:m,hideDescription:d=!1,isBookmarked:g=!1,onBookmark:p,time:u,tracking:h,classNames:v,styles:E,unstyled:b,className:y}=t,f=oa(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:w}=T(),{classes:C,cx:k}=J({},{name:"ArticleCard",classNames:v,styles:E,unstyled:b});console.log({article:i});const x=n((()=>d?Yn:Kn),[d]);return e.createElement(pa,Object.assign({className:k(C.root,y),padding:"lg",radius:0},f),e.createElement(pa.Section,{className:C.image},e.createElement(D,Object.assign({ratio:x},m),e.createElement("img",{src:(w?i.featureImageMobile:i.featureImage)||i.featureImage,alt:i.postName,style:{objectFit:"cover"}}))),e.createElement(pa.Section,null,e.createElement(ua,{position:"apart",mt:16,mb:4},e.createElement(M,{className:C.category,href:(null===(a=null==i?void 0:i.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(B,{size:"p4",color:"blue.6"},null===(l=null==i?void 0:i.primaryCategory)||void 0===l?void 0:l.displayName)),e.createElement(ca,{sx:{cursor:"pointer"},role:"button",onClick:p},g?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==h?void 0:h.bookmark),e.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},null==h?void 0:h.bookmark),e.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),e.createElement(B,{className:C.title,size:d?"s2":"s1",mb:8,weight:"semiBold"},i.postTitle||i.postName||""),!d&&e.createElement(B,{className:C.description,size:"p2",mb:16,lineClamp:3},xa(i.excerpt||i.description||(null===(r=i.postContent)||void 0===r?void 0:r.split("\r\n")[0])||"")),e.createElement(da,{className:C.author,gap:12,align:"center"},e.createElement(I,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),e.createElement(B,{size:"n1",c:"gray.6"},o," • ",u))))},Qn=t=>{var{variant:a="vertical"}=t,n=oa(t,["variant"]);return"horizontal"===a?e.createElement(qn,Object.assign({},n)):e.createElement(Xn,Object.assign({},n))},Jn=t=>{var{category:a,imgBanner:n,label:l,className:r,style:i,href:o="",dataEventCategory:s,dataEventAction:c,dataEventLabel:m}=t,d=oa(t,["category","imgBanner","label","className","style","href","dataEventCategory","dataEventAction","dataEventLabel"]);const g=(null==a?void 0:a.customizedUrl)||(null==a?void 0:a.permalink)||o||"";return e.createElement(ee,Object.assign({"data-event-category":s,"data-event-action":c,"data-event-label":m,className:r,style:i,href:g},(null==a?void 0:a.customizedUrl)&&!Aa(a.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===g&&e.preventDefault()}},d),e.createElement("div",{className:"banner"},n),e.createElement("div",{className:"content"},e.createElement(B,{className:"category_name",size:"sm",weight:"bold"},(null==a?void 0:a.displayName)||l||"")))},el=({name:t,values:a=[],onChanges:n,options:l=[],className:r,type:i="vertical",isDisabled:o,isRectangle:s})=>{const c=(e,t)=>{const l=a.slice();if(t)l.push(e);else{const t=l.findIndex((t=>t===e));l.splice(t,1)}n&&n(l)};return e.createElement(te,{className:r,"data-type":i,"data-is-rectangle":s||void 0},l.map(((n,l)=>e.createElement(An,{label:n.label,name:t,key:`${l}-${n.value}`,checked:a.includes(n.value),value:n.value,isDisabled:o||n.disabled,onChange:!o&&c,isRectangle:s}))))},tl=({size:t,iconPosition:a,className:n,children:l,icon:r})=>e.createElement(ae,{className:n,"data-size":t,"data-icon-position":a},"left"===a&&r,l,"right"===a&&r),al=({type:a,numberOfStep:n,activeStep:r,labelPrefix:o,detailSteps:s,className:c,onChange:m})=>{const[d,g]=t(0),p=t=>{var{trackClassName:a}=t,n=oa(t,["trackClassName"]);return e.createElement(ie,Object.assign({},n,{className:a}),e.createElement(oe,null))},u=e.createElement(ne,{className:c+" progress-bar"},e.createElement(p,null),e.createElement((({trackLength:t,activeStep:a,labelPrefix:l="Step",onChange:r})=>e.createElement(e.Fragment,null,Array.from({length:n},((e,t)=>t)).map(((i,o)=>e.createElement(se,{"data-is-active":o===a,"data-label":o,style:{left:o*t/(n-1)},onClick:()=>{r&&r(o)},key:o},o+1,e.createElement(ce,{"data-step-passed":o<=a},l+" "+(o+1))))))),{trackLength:d,activeStep:r,labelPrefix:o,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(le,null,s&&Array.from({length:s.length},((e,t)=>t)).map(((t,a)=>{var n;return e.createElement(re,{key:a,"data-selected":a===r,onClick:()=>{m&&m(a)}},null===(n=s[a])||void 0===n?void 0:n.text," ",a<s.length-1&&h)}))),E=e.createElement(ne,{className:c+" progress-bar"},e.createElement((({detailSteps:t,activeStep:a,onChange:n})=>e.createElement(e.Fragment,null,Array.from({length:t.length},((e,t)=>t)).map(((l,r)=>e.createElement(me,{key:r,style:{left:100/t.length*r+"%",width:100/t.length+"%"},onClick:()=>{n&&n(r)}},t[r].icon?e.createElement(de,{onClick:()=>{n&&n(r)}},t[r].icon):e.createElement(ge,{"data-is-active":r===a,"data-label":l,onClick:()=>{n&&n(r)},key:r},r+1),e.createElement(pe,{"data-step-passed":r<a+1},t[r].text,e.createElement(ue,null,t[r].description)),r<t.length-1&&e.createElement(p,{"data-step-passed":r<a,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:r,detailSteps:s,onChange:m})),b=i(Pa((()=>{const e=document.querySelector(".progress-bar");e&&g(e.offsetWidth)}),1e3),[]);return l((()=>{const e=document.querySelector(".progress-bar");return g(null==e?void 0:e.offsetWidth),window.addEventListener("resize",b,{passive:!0}),()=>{window.removeEventListener("resize",b)}}),[]),"step-track"===a&&u||"breadcrumb"===a&&v||"detail-track"===a&&E};var nl=Object.freeze({__proto__:null,SideMenu:he,SideHeader:ve,UserInfo:Ee,MenuLink:be});const ll=({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"})),rl=({row:n=2,column:r=3,isDotsShown:i=!0,isImageGalleryShown:o=!1,mode:s="infinity",type:c="separated",distanceOverlappedLeft:m={amount:0,unit:"pixel"},children:d,className:g,isProgressShown:p=!1,statusChildren:u,isArrowShown:h=!1,classNameLeftArrow:v,classNameRightArrow:E,dataEventCategory:b,dataEventAction:y,dataEventLabel:f,onChangePage:w,page:C,customPageWidth:k,scheme:x="hellosites",arrowType:N="Discover"})=>{const L="number"==typeof C,[B,S]=t(L?C:0),T=[];e.Children.map(d,((t,a)=>{a%(n*r)==0&&T.push([]),T[T.length-1].push(e.cloneElement(t))}));const M=a(),I=a(0),D=e=>{if(!M.current)return;const{clientWidth:t}=M.current,a=k||t,n="intertwined"===c?"percentage"===m.unit?e*a+m.amount/100*a*e:e*a+m.amount*a*e:e*a;M.current.scrollTo({top:0,left:n,behavior:"smooth"}),I.current=e,S(e),w&&w(e)};l((()=>{"number"==typeof C&&(e=>{if(!M.current)return;const{clientWidth:t}=M.current,a=k||t,n="intertwined"===c?"percentage"===m.unit?e*a+m.amount/100*a*e:e*a+m.amount*a*e:e*a;M.current.scrollTo({top:0,left:n,behavior:"smooth"}),I.current=e,S(e)})(C)}),[C]);const z=e=>{if(!M.current)return;const{clientWidth:t}=M.current,a=k||t;let n;n=0===B?0:B*a,"forward"===e&&(n===a*(T.length-1)?(S(T.length-1),n=a*(T.length-1),w&&w(T.length-1)):(S(B+1),n+=a,w&&w(B+1)),M.current.scrollTo({top:0,left:n,behavior:"smooth"})),"back"===e&&(0===n?(S(0),w&&w(0),n=0):(S(B-1),w&&w(B-1),n-=a),M.current.scrollTo({top:0,left:n,behavior:"smooth"}))},j=Pa((()=>{if("infinity"===s){if(!M.current)return;const{clientWidth:e,scrollLeft:t}=M.current,a=k||e,n=Math.floor(t/a);S(n),w&&w(n)}}),400);return l((()=>{if("snapped"===s){let e,t,a,n,l,r,i=!1;const o=M.current,s=(r,s)=>{i=!0,a=!1,n=!1,e=r-o.offsetLeft,t=s-o.offsetTop,l=o.scrollLeft},d=e=>{s(e.pageX,e.pageY)},g=e=>{s(e.touches[0].pageX,e.touches[0].pageY)},p=()=>{if(i=!1,a=!1,n=!1,!M.current)return;const{clientWidth:e}=M.current,t=k||e,l="ltr"===r?0!==I.current?I.current-1:I.current:"rtl"===r&&I.current<T.length-1?I.current+1:I.current,o="intertwined"===c?"percentage"===m.unit?l*t+m.amount/100*t*l:l*t+m.amount*t*l:l*t;M.current.scrollTo({top:0,left:o,behavior:"smooth"}),r="none",I.current!==l&&(I.current=l,S(l),w&&w(l))},u=(s,c)=>{if(!i)return;const m=s-o.offsetLeft,d=c-o.offsetTop,g=m-e,p=d-t;a||n||!(p>20||p<-20)||(a=!0),!a&&(g>20||g<-20)&&(n=!0,o.scrollLeft=l-g,g>0&&(r="ltr"),g<0&&(r="rtl"),0===g&&(r="none"))},h=e=>{n&&e.preventDefault(),u(e.pageX,e.pageY)},v=e=>{n&&e.preventDefault(),u(e.touches[0].pageX,e.touches[0].pageY)};return null==o||o.addEventListener("mousedown",d,{passive:!0}),null==o||o.addEventListener("touchstart",g,{passive:!0}),window.addEventListener("mouseup",p,{passive:!0}),window.addEventListener("touchend",p,{passive:!0}),null==o||o.addEventListener("mousemove",h,{passive:!0}),null==o||o.addEventListener("touchmove",v,{passive:!0}),()=>{null==o||o.removeEventListener("mousedown",d),null==o||o.removeEventListener("touchstart",g),window.removeEventListener("mouseup",p),window.removeEventListener("touchend",p),null==o||o.removeEventListener("mousemove",h),null==o||o.removeEventListener("touchmove",v)}}}),[]),e.createElement(ye,{className:g,"data-row":n,onScroll:j},h&&B>0&&e.createElement("div",{className:`${v} arrow-left`,onClick:()=>z("back"),"data-event-category":b,"data-event-action":y,"data-event-label":f},"Care"===N?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"===x?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===x?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===x?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),e.createElement("div",{ref:M,className:"container",style:{overflowX:"snapped"===s||h?"hidden":"scroll"}},T.map(((t,a)=>{let l=0;for(let e=0;e<a;e++)l+=T[e].length;return e.createElement("div",{key:a,className:"section",style:{marginLeft:"intertwined"===c&&0!==a?m.amount+""+("percentage"===m.unit?"%":"px"):"0px"}},1===n&&p&&e.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${r}, 1fr)`}},t.map(((n,r)=>{const i=l+r,o=u.find((e=>e.index===i));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(ll,{status:null==o?void 0:o.status})),a===T.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(${n}, 1fr)`}},t.map(((t,a)=>e.createElement(e.Fragment,{key:a},e.createElement("div",{className:"item-grid",key:a},t))))))}))),h&&B<T.length-1&&e.createElement("div",{className:`${E} arrow-right`,onClick:()=>z("forward"),"data-event-category":b,"data-event-action":y,"data-event-label":f}," ","Care"===N?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"===x?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===x?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===x?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),i&&e.createElement("ul",{className:"bullet-nav"},T.map(((t,a)=>e.createElement("li",{key:a,className:"bullet-nav__item "},e.createElement("p",{onClick:()=>D(a),className:`bullet-nav__link scroll ${B==a?"active":null}`,"data-scheme":x}))))),o&&e.createElement("div",{className:"image-gallery-wrapper","data-test":T.length},T.slice(0,3).map(((t,a)=>e.createElement("div",{className:`image-block ${B==a?"active":null}`,key:a,onClick:()=>D(a),"data-scheme":x},t)))))},il=({type:t,description:a,value:n,withIcon:l,isInACard:r,cardColor:i,className:o})=>e.createElement(fe,{className:o,"data-size":t,"data-is-in-card":"big"===t&&r,"data-card-color":i},e.createElement(we,null,"small"===t&&e.createElement(Ce,{"data-color":i}),a),e.createElement(ke,{"data-size":t},"small"!==t&&l,n));var ol=Object.freeze({__proto__:null,Table:xe,Cell:Ne,Head:Le,Row:Be,Body:Se});const sl=({style:a,initialTab:n,tabContent:r,onChange:i,className:o,dataEventCategory:s,dataEventAction:c,dataEventLabel:m,id:d,styles:g})=>{const{classes:p,cx:u,theme:h}=Te(void 0,{name:"Tabs",styles:g}),[v,E]=t(n||0);return l((()=>{E(n)}),[n]),e.createElement("ul",{style:a,className:u(p.root,o),role:"tablist",id:d},r.map(((t,a)=>e.createElement("li",{className:`${p.item} ${v===a?"active":""}`,"aria-selected":v===a,role:"tab",onClick:()=>{E(a),i&&i(a)},onKeyDown:e=>{"Enter"===e.key&&(E(a),i&&i(a))},key:a,"data-event-category":t.dataEventCategory||s,"data-event-action":t.dataEventAction||c,"data-event-label":t.dataEventLabel||m,tabIndex:0,"data-testid":t.dataTestid},e.createElement("div",{className:p.itemInner},t.icon&&e.createElement("div",{className:p.icon},t.icon),e.createElement(B,{className:p.label,size:t.textSize||"sm",weight:t.textType||"bold",color:v===a?h.fn.primaryColor():t.textColor||h.colors.gray[4],dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name))))))},cl=({thankyou:t,thankyouSubtitle:a,className:n,style:l})=>e.createElement(Me,{className:n,style:l},e.createElement("div",{className:"survey-inner-wrapper"},e.createElement(Ie,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 122c33.137 0 60-26.863 60-60S94.637 2 61.5 2s-60 26.863-60 60 26.863 60 60 60Z",fill:K.colors.primary50}),e.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),e.createElement("path",{d:"M82.905 72.666H101.5L87.597 40H35.403L21.5 72.666h18.595V91H83.08l-.174-18.334Z",fill:"#2C74DF"}),e.createElement("path",{d:"M74.4 15H39.863a5.364 5.364 0 0 0-5.363 5.363v52.214a5.364 5.364 0 0 0 5.363 5.363h43.273a5.364 5.364 0 0 0 5.363-5.363V21a6 6 0 0 0-6-6H74.4Z",fill:"#fff"}),e.createElement("path",{d:"M88.853 80.108H34.147a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074h54.706a4.055 4.055 0 0 1 4.087 4.074v10.65c0 2.27-1.81 4.074-4.087 4.074Z",fill:"#E4E8EC"}),e.createElement("path",{d:"M90.838 85.451H32.162a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074H90.78a4.055 4.055 0 0 1 4.087 4.074v10.65c.058 2.27-1.81 4.074-4.029 4.074Z",fill:"#fff"}),e.createElement("path",{d:"M103.748 75.492v30.263c0 1.92-1.576 3.492-3.503 3.492H23.003c-1.927 0-3.503-1.572-3.503-3.492V75.492c0-1.92 1.576-3.492 3.503-3.492h19.384c1.926 0 3.503 1.571 3.503 3.492v5.354c0 .35.233.582.584.582h30.3c.351 0 .585-.233.585-.582v-5.354c0-1.92 1.576-3.492 3.503-3.492h19.383c1.927 0 3.503 1.571 3.503 3.492Z",fill:"#45A4FF"}),e.createElement("path",{stroke:"#2C74DF",d:"M51.954 91.377v3.084c0 1.63 1.285 2.91 2.92 2.91h12.844c1.635 0 2.92-1.28 2.92-2.91v-3.084"}),e.createElement("path",{d:"M120.5 38.025c-2-.246-3.25 1.352-2.375 3.195l.25.737c.75 1.844-.375 3.441-2.375 3.195l-.75-.123c-2-.245-3.25 1.352-2.375 3.195l.375.738c.75 1.843-.375 3.44-2.375 3.195l-.75-.123c-1.5-.123-2.625.737-2.625 1.966",stroke:"#FE921D"}),e.createElement("path",{d:"M1.533 62c-.269 1.413 1.142 2.337 2.82 1.848l.672-.218c1.678-.543 3.089.38 2.82 1.848l-.134.544c-.269 1.413 1.141 2.337 2.82 1.848l.671-.218c1.68-.543 3.09.38 2.82 1.848l-.134.543c-.201 1.087.538 1.848 1.612 1.957M118 92a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM82 3.187l1.188 4.348 4.347-1.188L86.347 2 82 3.187Z",stroke:"#00B16A"}),e.createElement("path",{stroke:"#FE921D",d:"M17 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),e.createElement("path",{d:"M61.5 26.667c-7.364 0-13.333 5.97-13.333 13.333 0 7.364 5.969 13.333 13.333 13.333S74.833 47.364 74.833 40 68.864 26.667 61.5 26.667Zm7.61 10.276-9.334 9.333a1.33 1.33 0 0 1-1.885 0l-4-4a1.332 1.332 0 1 1 1.885-1.885l3.057 3.057 8.391-8.39a1.332 1.332 0 1 1 1.885 1.885Z",fill:"#00CB8A"})),t&&e.createElement(S,{className:"survey-thankyou-title",tag:"h3"},t),a&&e.createElement(s,{className:"survey-thankyou-subtitle",size:"p3"},a))))),ml=({items:a,className:n,style:r,backgroundPanelStyle:i,isOpen:o,onOpen:s,onClose:c,disableBackdropClick:m,siteType:d="hb",animationType:g="zoom",zIndex:p=300})=>{const[u,h]=t(!!o);l((()=>{h(!!o)}),[o]);const v=()=>{h(!1),c&&c()};return e.createElement(De,{style:r,className:n,"data-floatmenu-open":u,"data-site-type":d,"data-animation-type":g},e.createElement(ze,{className:"float-button-group__panel",style:Object.assign({zIndex:p},i),onClick:m?void 0:v}),e.createElement(je,{className:"float-button-group___content",style:{zIndex:p}},e.createElement(Ae,null,a.map(((t,n)=>e.createElement(Pe,{className:`float-item-button-${n}`,style:Object.assign(Object.assign({},"zoom"===g&&{bottom:64*(a.length-1-n),transitionDelay:Oe/a.length*(u?a.length-1-n:n)+"ms"}),"slide"===g&&{bottom:64*(a.length-1-n),transitionDelay:Oe/a.length*(u?n:a.length-1-n)+"ms"}),key:n,onClick:()=>{t.onClick(),t.keepMenuOnClick||h(!1)}},e.createElement(_e,{style:Object.assign({},"zoom"===g&&{transitionDelay:Oe/a.length*(u?a.length-1-n:n)+"ms"})},t.label),e.createElement(Fe,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===g||"slide"===g)&&{transitionDelay:Oe/a.length*(u?a.length-1-n:n)+"ms"})},t.icon))))),e.createElement(He,{onClick:u?v:()=>{h(!0),s&&s()}})))},dl=({className:t,policiesUrl:a,onAcceptClick:n,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:r="",description:i="",theme:o="helloSites",isOpen:s=!0,useDefaultPosition:c=!0,trackingAttributes:m})=>e.createElement($e,{className:t,"data-theme":o,"data-is-open":s,"data-default-position":c},e.createElement(Re,{"data-has-content":!!r},r),e.createElement(We,{dangerouslySetInnerHTML:{__html:i}}),e.createElement(Ve,null,e.createElement(Ge,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:n,"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},l.acceptButton),e.createElement(Ue,{href:a},l.policiesButton))),gl=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:r,nextHead:i,siteType:o,seoCustom:s,userId:c,forcedCanonicalUrl:m})=>{var d,g,p,u,h,v,E,b,y,f,w,C;const{totalPages:k,currentPage:x,SEOTitle:N="",SEODescription:L="",SEOImage:B,seoType:S,SEOImageWidth:T,SEOImageHeight:M,customMetaData:I=[],isIndexable:D=!0,hasNoCanonical:z=!1}=t,j=D&&Da?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:A}=process.env;let P=t.canonicalUrl||l;Object.keys(r).forEach((e=>{const t=r[e];t&&Array.isArray(t)&&(P=P.replace(`[...${e}]`,t.join("/")))}));const O=a||"en-PH",_="helloSites"===o?Na[O]:"www.marrybaby.vn",F=P.endsWith("/")?"":"/",H=n((()=>{var n,l,r,i,o,s,c;let m="";if(t.apiMetaData&&"string"==typeof t.apiMetaData){const d=null===(n=t.apiMetaData)||void 0===n?void 0:n.match(/<title.*?>(.*)<\/title>/),g=` - Page ${x} of ${k}`,p=x&&1!==x&&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://${_}${P}${F}" />`,`<link rel="canonical" href="https://${_}${P}${F}?page=${x}" />`):t.apiMetaData;if(m=Ze(p,{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 n=`https://${_}/images/${a}.png`;m=[...m,e.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)||void 0===l?void 0:l.image)||B||n||""}),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||n}),e.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(i=t.openGraph)||void 0===i?void 0:i.imageWidth)&&String(null===(o=t.openGraph)||void 0===o?void 0:o.imageWidth)||T&&String(T)||"1200"}),e.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(s=t.openGraph)||void 0===s?void 0:s.imageHeight)&&String(null===(c=t.openGraph)||void 0===c?void 0:c.imageHeight)||M&&String(M)||"630"})]}}return m}),[t.apiMetaData,t.openGraph,B,M,T,x,P,k,a,_]),$=`https://${_}/images/${a}.png`;return e.createElement(i,null,e.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o&&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:A}),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:j}),e.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),I.map(((t,a)=>e.createElement("meta",Object.assign({key:a},t)))),e.createElement("meta",{name:"theme-color",content:"helloSites"===o?"#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:O}),e.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!H&&e.createElement(e.Fragment,null,"helloSites"===o?e.createElement("title",null,s?N:N+" - "+(null===(d=La[a])||void 0===d?void 0:d.SITE_NAME)):e.createElement("title",null,N),!z&&e.createElement("link",{rel:"canonical",href:`https://${_}${P}`}),e.createElement("meta",{name:"description",content:L||(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:S||"website"}),e.createElement("meta",{property:"og:title",content:(null===(p=t.openGraph)||void 0===p?void 0:p.title)||N}),e.createElement("meta",{property:"og:description",content:(null===(u=t.openGraph)||void 0===u?void 0:u.description)||L}),e.createElement("meta",{property:"og:url",content:`https://${_}${P}`}),e.createElement("meta",{property:"og:site_name",content:`https://${_}`}),e.createElement("meta",{property:"og:image",content:(null===(h=t.openGraph)||void 0===h?void 0:h.image)||B||$||""}),e.createElement("meta",{property:"og:image:secure_url",content:(null===(v=t.openGraph)||void 0===v?void 0:v.image)||B||$}),e.createElement("meta",{property:"og:image:width",content:(null===(E=t.openGraph)||void 0===E?void 0:E.imageWidth)&&String(null===(b=t.openGraph)||void 0===b?void 0:b.imageWidth)||T&&String(T)||"1200"}),e.createElement("meta",{property:"og:image:height",content:(null===(y=t.openGraph)||void 0===y?void 0:y.imageHeight)&&String(null===(f=t.openGraph)||void 0===f?void 0:f.imageHeight)||M&&String(M)||"630"}),e.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),e.createElement("meta",{name:"twitter:title",content:(null===(w=t.twitter)||void 0===w?void 0:w.title)||N}),e.createElement("meta",{name:"twitter:description",content:L}),e.createElement("meta",{name:"twitter:image",content:(null===(C=t.twitter)||void 0===C?void 0:C.image)||B})),("helloSites"===o?Ba[O]||[]:Ba.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(H)&&m?H.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):H,m&&e.createElement("link",{rel:"canonical",href:m}),!t.hasNoAmp&&"vi-VN"!==a&&e.createElement("link",{rel:"amphtml",href:`https://${_}${P}${F}?amp=1`}),c&&"undefined"!=typeof window?e.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${c}'});`}}):null)},pl=({locale:a,onClick:n,siteType:l,pageUrl:r})=>{const{t:i}=Oa(),[o,s]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(qe,{className:"input-form","data-is-side":!0},"marryBaby"===l?e.createElement(Ke,{label:i("dueDatePage.conceptionDate"),name:"date",size:"md",value:Ye(o),CustomInput:e.createElement(Xe,{onChange:e=>{s(e)},placeholder:"dd/mm/yyyy",pickedDate:o,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(Ya,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:o&&Ia(o).format(z)}))}),actionIcon:e.createElement(Xa.CalendarMB,{size:32})}):e.createElement(Ya,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600,style:{marginBottom:"9px",flex:"1"}},i("dueDatePage.conceptionDate")),value:Ye(o),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(Xe,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Ye(o)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:o,displayDateFormat:Ja,onChange:e=>{s(e)},placeholder:"placeholder"})})),e.createElement(j,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===l?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{n(Qe(o),`${Sa.type}=1&sd=${_a(o,Je)}&${Sa.additional}= `)},role:"button"},i("dueDatePage.lastPeriod.calculate")))},ul=({locale:a,onClick:n,siteType:l,pageUrl:r})=>{const{t:i}=Oa(),[o,s]=t(new Date),[c,m]=t("3");return e.createElement(e.Fragment,null,e.createElement(qe,{className:"input-form","data-is-side":!0},"marryBaby"===l?e.createElement(Ke,{label:i("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:Ye(o),CustomInput:e.createElement(Xe,{onChange:e=>{s(e)},placeholder:"dd/mm/yyyy",pickedDate:o,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(Ya,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:o&&Ia(o).format(z)}))}),actionIcon:e.createElement(Xa.CalendarMB,{size:32})}):e.createElement(Ya,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray700,style:{marginBottom:"9px",flex:"1"}},i("dueDatePage.ivf.transferDate")),value:Ye(o),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(Xe,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Ye(o)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:o,displayDateFormat:Ja,onChange:e=>{s(e)},placeholder:"placeholder"})})),e.createElement("div",{style:{width:"100%"}},e.createElement(et,{id:"radio-transfer-date",type:"circle",direction:"vertical",size:"small",group:"group1",value:c,onChange:e=>m(e),options:[{value:"3",label:i("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:i("dueDatePage.ivf.transferDateRadio",{number:5})}]})),e.createElement(j,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===l?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,onClick:()=>{n(tt(o,Number(c)),`${Sa.type}=2&${Sa.startDate}=${_a(o,Je)}&${Sa.additional}=${c}`)},role:"button"},i("dueDatePage.lastPeriod.calculate")))},hl=({locale:a,onClick:n,siteType:l,pageUrl:r})=>{const{t:i}=Oa(),[o,s]=t(28),[c,m]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(qe,{className:"input-form","data-is-side":!0},"marryBaby"===l?e.createElement(Ke,{label:i("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:Ye(c),CustomInput:e.createElement(Xe,{onChange:e=>{m(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(Ya,Object.assign({name:"birthday",size:"md"},t,{value:c&&Ia(c).format(z)}))}),actionIcon:e.createElement(Xa.CalendarMB,{size:32})}):e.createElement(Ya,{className:"input-section due-date-input",label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600,style:{marginBottom:"9px",flex:"1"}},i("dueDatePage.lastPeriod.lastPeriodLabel")),value:Ye(c),name:"date",size:"md",CustomInput:e.createElement(Xe,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Ye(c)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:c,displayDateFormat:Ja,onChange:e=>{m(e)},placeholder:"placeholder"})})),e.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===l?"marryBaby":""},"marryBaby"===l?e.createElement(en,{type:"bodytext-3",color:K.mbColors.midGray},i("dueDatePage.lastPeriod.periodLengthLabel")):e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600,style:{marginBottom:"0.5rem"}},i("dueDatePage.lastPeriod.periodLengthLabel")),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===l&&e.createElement(B,{size:"s3",weight:"semiBold",color:K.colors.gray600},o),e.createElement(tn,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==l,withControl:"marryBaby"!==l,onChange:s,value:o,label:"marryBaby"!==l?void 0:null}))),e.createElement(j,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:r,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===l?"secondary":"primary",onClick:()=>n(at(c,o),`${Sa.type}=0&${Sa.startDate}=${_a(c,Je)}&${Sa.additional}=${o}`),role:"button"},i("dueDatePage.lastPeriod.calculate")))},vl=({onSubmitDueDate:a,locale:l,isSide:r,siteType:i})=>{const{t:o}=Oa(),[s,c]=t(nt.lastPeriod),m=[{value:nt.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:nt.conception,label:o("dueDatePage.conceptionDate")},{value:nt.IVF,label:o("dueDatePage.ivf")}],d=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(lt,null,e.createElement(rt,{className:"input-form input-section","data-is-side":!0},"marryBaby"===i?e.createElement(it,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:m,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:m[s],onChange:e=>{c(e.value)}}):e.createElement(e.Fragment,null,e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.calculationMethod")),e.createElement(ot,{"data-is-side":r},e.createElement(st,{options:m,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:m[s],onChange:e=>{c(e.value)}})))),s===nt.lastPeriod?e.createElement(hl,{locale:l,onClick:a,isSide:r,siteType:i,pageUrl:d}):null,s===nt.conception?e.createElement(pl,{locale:l,onClick:a,isSide:r,siteType:i,pageUrl:d}):null,s===nt.IVF?e.createElement(ul,{locale:l,onClick:a,isSide:r,siteType:i,pageUrl:d}):null)},El=({isMobile:t,locale:a,onSubmitDueDate:n,dueDatePageInfo:l,expertUrl:r,isSide:i,siteType:o})=>{var s;const{t:c}=Oa();return e.createElement(ct,{"data-is-side":i,"data-site":o},e.createElement(mt,{isSide:i,siteType:o,bannerColor:"marryBaby"===o&&K.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==l?void 0:l.featured_image)||q.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:c("healthTools.dueDateCalculator"),medicalReview:{link:r,reviewer:null===(s=null==l?void 0:l.reviewed_by)||void 0===s?void 0:s.display_name,date:null==l?void 0:l.reviewed_date},isMobile:t}),e.createElement(dt,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":i},e.createElement(vl,{siteType:o,locale:a,onSubmitDueDate:n,isSide:i})))};function bl({weight:e,height:t}){const a=t/100,n=e;return Math.round(n/(a*a)*10)/10}const yl=({value:a,onChange:r,onSubmit:i,disabled:o,bmiGenerated:s,bmiUnit:c,locale:m,isSide:d})=>{var g,p,u,h;const[v,E]=t(!1),{control:b,handleSubmit:y,setValue:f,watch:w}=an(),C=w(),{t:k}=Oa(),{gender:x=!1,age:N=!1,height:L=!1,weight:S=!1,objective:T=!0}=o||{},{getHealthToolLink:M}=ln(m),I=n((()=>M(A.OVULATION)),[M]),D=n((()=>[{value:"lose-weight",label:k("bmi.objective.loseWeight")},{value:"maintain-weight",label:k("bmi.objective.maintainWeight")},{value:"gain-weight",label:k("bmi.objective.gainWeight")}]),[]),z=()=>{E(!0)};return l((()=>{Object.keys(a||{}).forEach((e=>{f(e,null==a?void 0:a[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[a]),l((()=>{r&&r(C)}),[C]),e.createElement(gt,null,e.createElement("form",{onSubmit:y((e=>sa(void 0,void 0,void 0,(function*(){const t=c.heightConvert(e.height),a=c.weightConvert(e.weight),n={gender:e.gender,age:e.age,height:t,weight:a,bmi:bl({height:t,weight:a})};T||(n.objective=e.objective),z(),i&&i(n)}))),z)},!x&&e.createElement(pt,{"data-is-side":d},e.createElement(nn,{name:"gender",control:b,defaultValue:"male",render:({field:{onChange:t}})=>e.createElement(Hn,{label:k("bmi.selectGender"),defaultValue:"male",onChange:e=>t(e),styles:e=>({root:!d&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:ga(12)}}})})})),e.createElement(ut,{"data-is-side":d},!N&&e.createElement(pt,null,e.createElement(nn,{name:"age",control:b,rules:null===(g=s.age)||void 0===g?void 0:g.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:l}})=>e.createElement(P.Number,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},k("bmi.ageInput")," ",e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray300,as:"span"},k("bmi.ageInput.desc"))),placeholder:k("healthtool.placeholder.age"),name:t,value:a,onChange:n,error:v?null==l?void 0:l.message:"",min:0})})),!L&&e.createElement(pt,null,e.createElement(nn,{name:"height",control:b,rules:null===(p=s.height)||void 0===p?void 0:p.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:l}})=>e.createElement(P.Number,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},k("bmi.heightInput")," ",e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray300,as:"span"},k("bmi.heightInput.desc"))),placeholder:k("pwg.placeholder.height"),name:t,value:a,onChange:n,error:v?null==l?void 0:l.message:"",min:0})})),!S&&e.createElement(pt,null,e.createElement(nn,{name:"weight",control:b,rules:null===(u=s.weight)||void 0===u?void 0:u.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:l}})=>e.createElement(P.Number,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},k("bmi.weightInput")," ",e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray300,as:"span"},k("bmi.weightInput.desc"))),placeholder:k("pwg.placeholder.weight"),name:t,value:a,onChange:n,error:v?null==l?void 0:l.message:"",precision:1,min:0})})),!T&&e.createElement(pt,null,e.createElement(nn,{name:"objective",control:b,defaultValue:"lose-weight",rules:null===(h=s.objective)||void 0===h?void 0:h.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:l}})=>e.createElement(ht,{size:"md",name:t,label:s.objective.label,CustomInput:e.createElement(et,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:D,value:a,onChange:n}),errorMessage:v?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}))),e.createElement("div",{style:{display:"flex"}},e.createElement(vt,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${Na[m]}/${I}`,type:"submit"},k("bmi.submit")))))},fl=({isMobile:t,onSubmit:a,bmiContent:n,isSide:l,bmiGenerated:r,bmiUnit:i,bmiLink:o,locale:s})=>{var c,m,d;const{t:g}=Oa();return e.createElement(ct,{"data-is-side":l},e.createElement(mt,{isSide:l,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||q.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:g("bmi.heading"),medicalReview:{link:null===(c=null==n?void 0:n.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(m=null==n?void 0:n.reviewBy)||void 0===m?void 0:m.reviewer,date:null===(d=null==n?void 0:n.reviewBy)||void 0===d?void 0:d.date},isMobile:t}),e.createElement(Qa,null,e.createElement(dt,{as:"div","data-is-side":l},o&&e.createElement(yl,{onSubmit:a,bmiGenerated:r,locale:s,bmiUnit:i,isSide:l}))))},wl=({isMobile:t,className:a,onSubmit:n,onError:l,schema:r,babyGrowthContent:i,siteType:o})=>{var s,c,m;return Oa(),e.createElement(ct,{"babyGrowthContent-is-mobile":t,"data-site":o},e.createElement(mt,{siteType:o,bannerUrl:q.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:q.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===o&&K.mbColors.mint,isEmbeded:!0,icon:e.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==i?void 0:i.featuredImage)||q.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==i?void 0:i.title)||"",medicalReview:{link:null===(s=null==i?void 0:i.reviewBy)||void 0===s?void 0:s.link,reviewer:null===(c=null==i?void 0:i.reviewBy)||void 0===c?void 0:c.reviewer.trim(),date:null===(m=null==i?void 0:i.reviewBy)||void 0===m?void 0:m.date},isMobile:t}),e.createElement(Et,{"data-theme":o},e.createElement(bt,{siteType:o,schema:r,className:a,onSubmit:n,onError:l})))},Cl=({babyPoopPage:t,onClickFindOut:a,currentUrl:n,isSide:l,direction:r="auto",sponsorLogo:i})=>{const{t:o}=Oa(),s="mb"===ha().other.template,{classes:c}=yt({isMarryBaby:s,isSide:l,direction:r},{name:"BabyPoopEmbed"}),{reviewedBy:m,reviewedDate:d}=t||{};return e.createElement("div",{className:c.root},e.createElement("div",{className:c.inner},e.createElement(S,{tag:"h3",as:"h2",color:!s&&"#284A75"},t.title),e.createElement("div",{className:c.content,"data-is-side":l},e.createElement(B,{size:"p3",className:"description"},t.description),!!m&&e.createElement("div",{className:c.reviewText},e.createElement("img",{src:q.getAssetPath("reviewerCheck.svg"),alt:"check",className:c.reviewTextIcon,loading:"lazy"}),e.createElement(B,{size:"p4",color:K.colors.gray600},o("categoryPage.info.reviewed")," ",e.createElement("a",{href:m.profile_url},m.display_name)," ",o("categoryPage.onDate",{date:d||""}))),e.createElement("div",{className:c.action},e.createElement(j,{className:c.btn,size:s?"lg":"md",variant:s?"secondary":"primary",onClick:a,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:n,style:{visibility:Boolean(a)?"visible":"hidden"}},o("babyPoop.findOut"))))),e.createElement("div",{className:c.thumbnail},e.createElement("img",{src:s?q.getAssetPath("baby-poop.svg"):null==t?void 0:t.featuredImage,alt:t.title,loading:"lazy"})),i&&e.createElement("img",{loading:"lazy",src:i,alt:"sponsor",className:c.sponsorLogo}))},kl=({value:a,options:n,className:l,direction:r="horizontal",onChange:i,isDisabled:o})=>{const[c,m]=t(a);return e.createElement(ft,{className:l,"data-direction":r},n.map(((t,n)=>e.createElement(wt,{"data-selected":(a||c)===t.value,"data-disabled":o,key:`health-tool${n}`,onClick:()=>{var e;e=t.value,o||(m(e),i&&i(e))}},e.createElement("div",null,e.createElement("img",{src:(a||c)===t.value?t.imageActive:t.image,className:"gender-image",alt:"",loading:"lazy"}),t.label&&e.createElement(s,{type:"bold",className:"radio-group-item-heading",size:"label1"},t.label))))))},xl=({info:a,className:n,style:r,onChange:i,errorMessage:o={},locale:s})=>{const{t:c}=Oa(),[m,d]=t(new Date),[g,p]=t({age:!1,rate:!1});return l((()=>{p({age:!1,rate:!1})}),[o]),e.createElement(Ct,{style:r,className:n},e.createElement(Ya,{className:"input-section due-date-input",label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("targetHeartRate.ageInput")),value:Ye(m),name:"date",size:"md",CustomInput:e.createElement(Xe,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Ye(m)})),disabledDays:{after:new Date(Fa(new Date,0))},locale:s,pickedDate:m,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{d(e),p((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:_a(new Date(e),Je)});i&&i(t)})(e)},placeholder:"placeholder"}),errorMessage:g.age?"":o.age}))},Nl=({isSide:a,locale:r,thrContent:i,isMobile:o,info:s,inputErrorMessage:c,onFormChange:m,onSubmit:d})=>{var g,p,u;const{t:h}=Oa(),{getHealthToolLink:v}=ln(r),E=n((()=>v(A.THR)),[v]),[b,y]=t(!1),[f,w]=t("low_intensity"),[C,k]=t("male"),[x,N]=t(60),[L,S]=t({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),T=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],M=[{value:"low_intensity",label:h("targetHeartRate.lowIntensity.title"),image:q.getAssetPath("/low.svg"),imageActive:q.getAssetPath("/low-active.svg"),content:h("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:h("targetHeartRate.moderateIntensity.title"),image:q.getAssetPath("/moderate.svg"),imageActive:q.getAssetPath("/moderate-active.svg"),content:h("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:h("targetHeartRate.aerobicZone.title"),image:q.getAssetPath("/aerobic.svg"),imageActive:q.getAssetPath("/aerobic-active.svg"),content:h("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:h("targetHeartRate.vigorousIntensity.title"),image:q.getAssetPath("/vigorous.svg"),imageActive:q.getAssetPath("/vigorous-active.svg"),content:h("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:h("targetHeartRate.maximumIntensity.title"),image:q.getAssetPath("/maximum.svg"),imageActive:q.getAssetPath("/maximum-active.svg"),content:h("targetHeartRate.maximumIntensity.note")}];return l((()=>{const e=((new Date).getTime()-new Date(null==s?void 0:s.age).getTime())/1e3;y(e>=567648e3);const t=T.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||T[0];S(t),N(60)}),[null==s?void 0:s.age]),e.createElement(ct,{"data-is-side":a},e.createElement(mt,{isSide:a,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==i?void 0:i.featured_image)||q.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:h("targetHearRate.heading"),medicalReview:(null===(g=null==i?void 0:i.reviewedBy)||void 0===g?void 0:g.display_name)?{link:rn(null==i?void 0:i.reviewedBy),reviewer:null===(p=null==i?void 0:i.reviewedBy)||void 0===p?void 0:p.display_name,date:null==i?void 0:i.reviewedDate}:void 0,isMobile:o}),e.createElement(Qa,null,e.createElement(dt,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":a},e.createElement(kt,{"data-is-side":a},e.createElement(xt,null,e.createElement(Hn,{label:h("bmi.selectGender"),defaultValue:"male",onChange:e=>{k(e),N(60)},styles:e=>({root:!a&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:ga(12)}}})}))),e.createElement(kt,null,e.createElement(xl,{info:s,locale:r,errorMessage:c,onChange:m})),e.createElement("div",{className:"slider-heart-rate"},e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},h("targetHeartRate.heartRateInput")),e.createElement("div",{className:"slider-outer-wrapper"},e.createElement(tn,{containerStyle:{flex:1},min:"male"===C?L.rangeMale:L.rangeFemale,max:200,step:1,value:x,withControl:!0,onChange:N}))),b&&e.createElement(xt,null,e.createElement(Nt,null,e.createElement(B,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:K.colors.gray600,marginBottom:"9px"}},h("targetHeartRate.selectActive")),e.createElement("div",{className:"card"},e.createElement(kl,{options:M.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:f,onChange:e=>{w(e)},className:"gender-selector"})),f&&e.createElement("div",{className:"note"},e.createElement("img",{style:{height:"16px",width:"16px"},src:q.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),e.createElement(B,{size:"s4",color:"#595959"},null===(u=M[M.findIndex((e=>e.value==f))||0])||void 0===u?void 0:u.content)),!f&&e.createElement("span",{style:{color:"#e64728"}},c.intensity)))),e.createElement("div",{style:{display:"flex"}},e.createElement(Lt,{size:"lg",onClick:()=>{d(C,f,[x])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${Na[r]}/${E}`},h("bmi.submit")))))},Ll=({info:a,className:r,style:i,onChange:o,errorMessage:s={},locale:c,onClick:m,isSide:d})=>{const{t:g}=Oa(),[p,u]=t({age:!1,height:!1,weight:!1}),{getHealthToolLink:h}=ln(c),v=n((()=>h(A.OVULATION)),[h]),[E,b]=t("male"),y=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},f=e=>{var t,n;n=e=>{u((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:e});o&&o(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||n(t)};return l((()=>{o&&o(Object.assign(Object.assign({},a),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),l((()=>{u({age:!1,height:!1,weight:!1})}),[s]),e.createElement(Bt,{style:i,className:r},e.createElement(St,{"data-is-side":d},e.createElement(Hn,{label:g("bmi.selectGender"),defaultValue:"male",onChange:e=>b(e),styles:e=>({root:!d&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:ga(12)}}})})),e.createElement(Tt,{"data-is-side":d},e.createElement(St,null,e.createElement(P.Number,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},g("bmi.ageInput")," ",e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray300,as:"span"},g("bmi.ageInput.desc"))),placeholder:g("healthtool.placeholder.age"),value:Number(a.age),onChange:e=>f(String(e)),error:p.age?"":s.age,min:0})),e.createElement(St,null,e.createElement(P.Number,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},g("bmi.heightInput")," ",e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray300,as:"span"},g("bmi.heightInput.desc"))),placeholder:g("pwg.placeholder.height"),value:Number(a.height),onChange:e=>{return t=String(e),void y(t,(e=>{u((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},a),{height:e});o&&o(t)}));var t},error:p.height?"":s.height,min:0})),e.createElement(St,null,e.createElement(P.Number,{label:e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray600},g("bmi.weightInput")," ",e.createElement(B,{size:"s4",weight:"semiBold",color:K.colors.gray300,as:"span"},g("bmi.weightInput.desc"))),placeholder:g("pwg.placeholder.weight"),value:Number(a.weight),onChange:e=>{return t=String(e),u((e=>Object.assign(Object.assign({},e),{weight:!0}))),void y(t,(e=>{const t=Object.assign(Object.assign({},a),{weight:e});o&&o(t)}));var t},error:p.weight?"":s.weight,min:0,precision:1}))),e.createElement("div",{style:{display:"flex"}},e.createElement(Mt,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${Na[c]}/${v}`,onClick:()=>{m(E)}},g("bmi.submit"))))},Bl=({isSide:t,locale:a,bmrContent:n,isMobile:l,info:r,inputErrorMessage:i,onFormChange:o,onSubmit:s})=>{var c,m,d;const{t:g}=Oa();return e.createElement(ct,{"data-is-side":t},e.createElement(mt,{isSide:t,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||q.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:g("bmr.heading"),medicalReview:{link:null===(c=null==n?void 0:n.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(m=null==n?void 0:n.reviewBy)||void 0===m?void 0:m.reviewer,date:null===(d=null==n?void 0:n.reviewBy)||void 0===d?void 0:d.date},isMobile:l}),e.createElement(Qa,null,e.createElement(dt,{onSubmit:e=>e.preventDefault(),"data-is-side":t},e.createElement(It,null,e.createElement(Ll,{info:r,locale:a,errorMessage:i,onChange:o,onClick:s,isSide:t})))))},Sl=({onSubmitOvulation:t,locale:a,ovulationPageInfo:n,expertUrl:l,isSide:r=!1,siteType:i,isMobile:o})=>{var s;const{t:c}=Oa();return e.createElement(ct,{"data-is-side":r,"data-site":i},e.createElement(mt,{isSide:r,bannerUrl:q.getAssetPath("embedToolBannerPink.svg"),siteType:i,bannerColor:"marryBaby"===i&&K.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||q.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:c("healthTools.ovulationCalculator"),medicalReview:{link:l,reviewer:null===(s=null==n?void 0:n.reviewed_by)||void 0===s?void 0:s.display_name,date:null==n?void 0:n.reviewed_date},isMobile:o}),e.createElement(dt,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":r},e.createElement(Dt,{siteType:i,locale:a,onSubmitOvulation:t,isSide:r})))},Tl=({siteType:n,info:r,onChange:i,errorMessage:o={}})=>{const{t:s}=Oa(),[c,m]=t({weightBefore:!1,height:!1,weight:!1}),[d,g]=t(0),p=a(null);l((()=>{var e;g(null===(e=p.current)||void 0===e?void 0:e.clientHeight)}));const u=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},h=e=>{u(e,(e=>{m((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},r),{weightBefore:e});i&&i(t)}))},v=e=>{u(e,(e=>{m((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},r),{height:e});i&&i(t)}))},E=e=>{u(e,(e=>{m((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},r),{weight:e});i&&i(t)}))};return l((()=>{i&&i(Object.assign({},r))}),[]),l((()=>{m({weightBefore:!1,height:!1,weight:!1})}),[o]),"marryBaby"===n?e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Ke,{label:s("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==r?void 0:r.height,CustomInput:e.createElement(Ya,{className:(null==c?void 0:c.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.height,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.height)?"":null==o?void 0:o.height,showErrorMessage:!1,onChange:v})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Ke,{label:s("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==r?void 0:r.weightBefore,CustomInput:e.createElement(Ya,{className:(null==c?void 0:c.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.weightBefore,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.weightBefore)?"":null==o?void 0:o.height,showErrorMessage:!1,onChange:h})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Ke,{label:s("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==r?void 0:r.weight,CustomInput:e.createElement(Ya,{className:(null==c?void 0:c.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==r?void 0:r.weight,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.weight)?"":null==o?void 0:o.weight,showErrorMessage:!1,onChange:E})}))):e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg"},e.createElement(O,{placeholder:s("pwg.placeholder.height"),className:"input-section",label:e.createElement("span",{style:{color:K.colors.gray600,fontWeight:"bold",marginBottom:"9px"},className:"label-text"},s("pregnancyWeightGain.heightInput")," ",e.createElement("span",{style:{color:`${K.colors.gray300}`}},s("bmi.heightInput.desc"))),errorMessage:c.height?"":null==o?void 0:o.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(O,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:K.colors.gray600,fontWeight:"bold",marginBottom:"9px"},ref:p,className:"label-text"},s("pregnancyWeightGain.weightBeforeInput")," ",e.createElement("span",{style:{color:`${K.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:c.weightBefore?"":null==o?void 0:o.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(O,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:K.colors.gray600,fontWeight:"bold",marginBottom:"9px",minHeight:d},className:"label-text"},s("pregnancyWeightGain.weightInput")," ",e.createElement("span",{style:{color:`${K.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:c.weight?"":null==o?void 0:o.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==r?void 0:r.weight,onChange:E})))},Ml=({locale:a,onClick:l,inputErrorMessage:r,pwgContent:i,onFormChange:o,info:s,isMobile:c,isSide:m=!1,siteType:d})=>{var g;const{t:p}=Oa(),[u,h]=t("notwins"),[v,E]=t({label:"1",value:1}),b=n((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:y}=ln(a),f=n((()=>y(A.PWG)),[y]);return e.createElement(ct,{"data-is-side":m,"data-site":d},e.createElement(mt,{siteType:d,bannerColor:"marryBaby"===d&&K.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==i?void 0:i.featuredImage)||q.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:p("pregnancyWeightGain.heading"),medicalReview:{link:rn(null==i?void 0:i.reviewedBy),reviewer:null===(g=null==i?void 0:i.reviewedBy)||void 0===g?void 0:g.display_name,date:null==i?void 0:i.reviewedDate},isMobile:c,isSide:m}),e.createElement(Qa,null,e.createElement(dt,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":m},"marryBaby"!==d&&e.createElement(zt,{className:"hide-asking-mobile","data-is-side":m},e.createElement(B,{size:"s4",weight:"semiBold",style:{display:"block",color:K.colors.gray600},className:"label"},p("pregnancyWeightGain.havingTwins")),e.createElement(jt,{options:[{value:"twins",label:p("switchBtn.yes")},{value:"notwins",label:p("switchBtn.no")}],value:u,onChange:e=>h(e),className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),e.createElement(lt,null,e.createElement(At,{className:"input-section input-form-pwg","data-is-side":m},"marryBaby"===d?e.createElement(it,{groupedWithLabel:p("pregnancyWeightGain.weekInput"),options:b,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:v,onChange:e=>E({label:e.label,value:e.value})}):e.createElement(e.Fragment,null,e.createElement(B,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:K.colors.gray600}},p("pregnancyWeightGain.weekInput")),e.createElement(st,{options:b,placeholder:String(v.label),id:"weight-gain-dropdown",size:"md",value:v,onChange:e=>E({label:e.label,value:e.value})}))),e.createElement(Tl,{siteType:d,info:s,errorMessage:r,onChange:o})),"marryBaby"!==d&&e.createElement(zt,{className:"hide-asking-desk","data-is-side":m},e.createElement(B,{size:"s4",weight:"semiBold",style:{display:"block",color:K.colors.gray600},className:"label"},p("pregnancyWeightGain.havingTwins")),e.createElement(jt,{options:[{value:"twins",label:p("switchBtn.yes")},{value:"notwins",label:p("switchBtn.no")}],value:u,onChange:e=>h(e),className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),"marryBaby"===d&&e.createElement(An,{name:"twins",label:p("pregnancyWeightGain.havingTwins"),checked:"twins"===u,siteType:"marryBaby",onChange:()=>{h("twins"===u?"notwins":"twins")},value:"twins"}),e.createElement(Pt,{"data-is-side":m,"data-site":d},e.createElement(j,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${Na["marryBaby"===d?"vi-VN_MB":a]}/${f}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===d?"secondary":"primary",onClick:()=>l(u,v.value),role:"button"},p("dueDatePage.lastPeriod.calculate"))))))};const Il={"en-PH":sn,"vi-VN":mn,"zh-TW":dn,"id-ID":cn};function Dl(a){const{value:l={from:null,to:null}}=a,[r,i]=t(null),{isMobile:o}=T(),[s,c]=t((()=>l)),[m,d]=t((()=>{var e;return $a(null!==(e=l.from)&&void 0!==e?e:new Date)})),g=n((()=>Ra(m,1)),[m]);const p=Object.assign(Object.assign({},a),{goToNextMonth:function(){d((e=>Ra(e,1)))},goToPreviousMonth:function(){d((e=>Wa(e,1)))},range:s,setRange:c,hoverDay:r,setHoverDay:i});return e.createElement(e.Fragment,null,e.createElement(zl,Object.assign({},p,{date:m})),!o&&e.createElement(Ot,null),!o&&e.createElement(zl,Object.assign({},p,{date:g})))}function zl({date:t,range:a,setRange:r,onChange:i,goToPreviousMonth:o,goToNextMonth:s,minDate:c,maxDate:m,close:d=(()=>{}),autoClose:g=!1,hoverDay:p,setHoverDay:u}){const{locale:h}=Oa(),v=n((()=>{var e;return null!==(e=Il[h])&&void 0!==e?e:Il["en-PH"]}),[h]),E=n((()=>_a(t,"MMMM",{locale:v})),[t,v]),b=n((()=>v?[1,2,3,4,5,6,0].map((e=>v.localize.day(e,{width:"narrow"}))):[]),[v]);function y(t,n){if(null===t)return e.createElement(Ut,{key:`idx-${n}`,"data-empty":"true"});const l=t.getDate(),i=Ga(t),o=!!a.from&&Ua(a.from,t),s=!!a.to&&Ua(a.to,t),h=o||s;let v=!1;null!==p&&a.from&&Ha(a.from,p)&&!a.to?v=Za(t,{start:a.from,end:p}):a.from&&a.to&&(v=Za(t,{start:a.from,end:a.to}));let E=!1;return c&&m?E=!Za(t,{start:c,end:m}):c?E=Ha(t,c):m&&(E=qa(t,m)),e.createElement(Ut,{key:l,"data-is-today":i,"data-is-past":!i&&Ka(t),"data-is-selected":h,"data-is-disabled":E,"data-in-range":v,"data-is-from":o,"data-is-to":s,onMouseEnter:()=>{u(t)},onMouseLeave:()=>u(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?Ha(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(Zt,{onClick:()=>{}},e.createElement("p",null,l)))}return l((()=>{a.from&&a.to&&i(a)}),[a]),e.createElement(_t,{className:"calendar-wrapper"},e.createElement(Ft,null,e.createElement(gn,{onClick:o,size:"md",color:"ghost",icon:e.createElement("img",{src:q.getAssetPath("calendarArrowLeft.svg"),loading:"lazy"})}),e.createElement("div",{className:"calendar-month"},E,e.createElement("strong",null,_a(t,"yyyy"))),e.createElement(gn,{onClick:s,size:"md",color:"ghost",icon:e.createElement("img",{src:q.getAssetPath("calendarArrowRight.svg"),loading:"lazy"})})),e.createElement(Ht,null,e.createElement("div",null,e.createElement($t,null,b.map(((t,a)=>e.createElement(Rt,{key:`${t}-${a}`},t))))),e.createElement("div",null,function(){const n=t.getFullYear(),l=t.getMonth(),r=Va(t),i=[];for(let e=1;e<=r;e++)i.push(new Date(n,l,e));const o=i[0]?i[0].getDay():0;if(1!==o){const e=0===o?6:o-1;for(let t=0;t<e;t++)i.unshift(null)}return e.createElement(Wt,{key:`month-${l}`,"data-month-index":l,"data-has-range":Boolean(a.from&&a.to)},e.createElement(Vt,null,e.createElement(Gt,null,i.map(y))))}())))}function jl({inputSize:l="md",name:r="date-range-picker",value:i,minDate:o,maxDate:s,onChange:c,className:m,autoClose:d=!1}){i||(i={from:null,to:null});const[g,p]=t(!1);function u(){p(!1)}const h=a(null);function v(e){c&&c(e)}function E(e){return _a(e,"dd/MM/yyyy")}on(h,(()=>{u()}));const b=n((()=>i.from&&i.to?Ua(i.from,i.to)?E(i.from):`${E(i.from)} - ${E(i.to)}`:""),[i.from,i.to]);return e.createElement(qt,{className:[m,g&&"focused"].filter(Boolean).join(" "),ref:h},e.createElement("label",{htmlFor:r},e.createElement(O,{size:l,value:b,name:r,actionIcon:e.createElement("img",{src:q.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>p(!0)})),g?e.createElement(Kt,{onMouseDown:e=>{e.stopPropagation()}},e.createElement(Dl,{value:i,onChange:v,minDate:o,maxDate:s,close:u,autoClose:d})):null)}var Al="WUqzfRb",Pl="MnVGtSY",Ol="NclbhXQ";const _l=({LinkComponent:t,page:a,isLast:n,onChangePage:l})=>{const{label:r,value:i,isDropdown:o,dropdownItems:s,dataEventCategory:c,dataEventAction:m,dataEventLabel:d}=a;return o?e.createElement(st,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):e.createElement("div",{className:Ol,title:"string"!=typeof r?i:r,"data-last":n},t&&e.createElement(t,{"data-event-category":c,"data-event-action":m,"data-event-label":d,href:i||"#"},r))},Fl=({className:t,pages:a,size:l,LinkComponent:i="a",onChangePage:o,separator:s})=>{const c=n((()=>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":l,className:`${Al} ${t||""}`},c.map(((t,a)=>{const n=a+1===c.length;return e.createElement(r,{key:a},e.createElement(_l,{LinkComponent:i,page:t,isLast:n,onChangePage:o}),!n&&(t.separator||s||e.createElement("div",{className:Pl,"data-size":l})))})))},Hl=()=>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"})),$l=({url:t,onCopied:a,locale:l,siteType:r})=>{const{t:i}=Oa(),o=pn(t||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(l))),c=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(Yt,null,e.createElement(s,{size:"p3",color:K.colors.gray800},i("shareContainer.title")),e.createElement("div",{className:"icon-group"},o.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(gn,{theme:r,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(Hl,null),onClick:()=>sa(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})))},Rl=()=>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"})),Wl=t=>{var{open:a,title:n,onClose:r,onCopied:o,onShared:c,url:m,locale:d}=t,g=oa(t,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:p}=Oa(),u=i((()=>sa(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==o||o()}))),[m,o]),h=pn(m||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(d)));return l((()=>{a&&navigator.share&&navigator.share({title:null!=n?n:"Read This Post",url:m}).then((()=>{null==c||c()})).catch((()=>{null==r||r()}))}),[m,n,c,a]),"undefined"!=typeof navigator&&navigator.share?null:e.createElement(Xt,Object.assign({title:p("share.title"),onClose:r,open:a,placement:"bottom"},g),e.createElement("div",{className:"share-container"},e.createElement("div",{className:"icon-container"},e.createElement(s,{type:"semiBold",size:"s3",color:K.colors.gray600},p("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(s,{type:"semiBold",size:"s3",color:K.colors.gray600},p("share.copyLink")),e.createElement("div",{className:"input-group"},e.createElement(Ya,{name:"link",size:"md",value:m,isDisabled:!0}),e.createElement(gn,{size:"md",type:"button",color:"tertiary",icon:e.createElement(Rl,null),onClick:u})))))},Vl=({className:n,adUnitPath:r,divId:i,isMobile:o,contentId:s,customTargetings:c,locale:m,isMarryBaby:d})=>{const[g,p]=t(!0),[u,h]=t(!1),[v,E]=t(!0),b=a(null),y=a(un()),f=a(null),w=a(),C=a();return l((()=>{const e=()=>{C.current&&clearTimeout(C.current),C.current=setTimeout((()=>{var t;document.getElementById("subot--container")?p(!0):(p(!1),(null===(t=b.current)||void 0===t?void 0:t.clientHeight)?E(!1):E(!0)),e()}),4e3)};return e(),()=>{w.current&&clearTimeout(w.current),C.current&&clearTimeout(C.current)}}),[]),g||u?null:e.createElement(Qt,{key:o?"mobile":"desktop",ref:f,className:n,"data-visible":!v},r&&e.createElement(Jt,{wrapperProps:{m:0},ref:b,adUnitPath:r,size:o?[[320,50],[320,100]]:[728,90],divId:(i||"div-gpt-ad-sticky")+(o?"-mobile":"")+s+String(y.current),pos:["Sticky"],contentId:s,hideIfHasSubot:o,customTargetings:c,adDefaultSize:o?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>h(!0),refreshInterval:60,locale:m,isMarryBaby:d}))},Gl="api/v1/categories?site={website_url}",Ul="api/v1/subscription?site={website_url}",Zl="api/v1/categories?site={website_url}",ql=({heading:t,description:a,banner:n,onYes:l,onNo:r})=>{const{t:i,locale:s}=Oa(),{pregnantArticleId:c}=o(ea),m=e=>sa(void 0,void 0,void 0,(function*(){return yield _(F(H.HEALTH_TOOL.CREATE,{_locale:s}),"POST",{headers:{"Content-Type":"application/json"},data:{pregnant:Number(e),pregnant_article:c}})}));return e.createElement(ca,{sx:()=>({borderRadius:ga(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},e.createElement(ca,{sx:e=>({borderRadius:"inherit",background:`url(${n})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${ga(24)} ${ga(16)}`,[e.fn.largerThan("sm")]:{padding:`${ga(22)} ${ga(32)}`}})},e.createElement(va,{spacing:ga(16),sx:e=>({maxWidth:"75%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},e.createElement(va,{spacing:ga(4)},t&&e.createElement(S,{tag:"h4"},t),a&&e.createElement(B,{size:"p4"},a)),e.createElement(da,{gap:ga(8),sx:e=>({button:{minWidth:ga(80),[e.fn.largerThan("sm")]:{minWidth:ga(120)}}})},e.createElement(j,{variant:"white",onClick:()=>{m(!0),l()}},i("switchBtn.yes")),e.createElement(j,{variant:"white",onClick:()=>{m(!1),r()}},i("switchBtn.no"))))))},Kl=({heading:t,description:a,thumbnail:n,btnLabel:l,btnLink:r})=>e.createElement(da,{gap:ga(7),align:"center",justify:"space-between",sx:e=>({borderRadius:ga(8),background:e.colors.blue[0],minHeight:ga(180),padding:`${ga(24)} ${ga(16)}`,[e.fn.largerThan("sm")]:{padding:`${ga(34)} ${ga(32)}`}})},e.createElement(va,{spacing:ga(12)},e.createElement(va,{spacing:ga(4)},t&&e.createElement(S,{tag:"h4"},t),a&&e.createElement(B,{size:"p4"},a)),e.createElement(da,{gap:ga(8),sx:{button:{minWidth:ga(120)}}},e.createElement("a",{href:r},e.createElement(j,null,l)))),e.createElement(da,{align:"center",justify:"center",sx:e=>({width:ga(96),height:ga(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:ga(112),height:ga(112)},img:{maxWidth:ga(64),[e.fn.largerThan("sm")]:{maxWidth:ga(73)}}})},e.createElement("img",{alt:"health-tool-icon",src:n,loading:"lazy"}))),Yl=a=>{var{isMobile:n,children:l,desktopBanner:r=q.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:i=q.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:o={width:937,height:536},mobileBannerRatio:s={width:750,height:480},desktopBannerRatio:c={width:420,height:536},closeProps:m}=a,d=oa(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:g,height:p}=ja(),u=(p<=667?190:265)+g*s.height/s.width+74,[h,v]=t(!1);return e.createElement(En,Object.assign({styles:e=>({content:{flex:"auto",background:"transparent",[e.fn.smallerThan("sm")]:{maxHeight:"100%",height:"100%",position:"relative",borderRadius:0},[e.fn.largerThan("sm")]:{maxWidth:ga(o.width),width:"100%",height:"100%",maxHeight:ga(o.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},d),n?e.createElement(ca,{sx:{position:"relative",height:"100%"},onTouchStart:()=>v(!0)},e.createElement(ca,{className:"mobile-template",sx:{position:"absolute",height:100*(h?1:u/p)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},e.createElement(ca,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:h?0:ga(12),borderTopRightRadius:h?0:ga(12)}},e.createElement(ca,{sx:{height:"calc(100% - 74px)",background:`url(${i})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},e.createElement(j,Object.assign({unstyled:!0,leftIcon:e.createElement(Xa.Close,null),sx:{position:"absolute",right:0,top:"10px",zIndex:1}},m,{onClick:()=>null==d?void 0:d.onClose()})),e.createElement(Ea,{ratio:(null==s?void 0:s.width)/(null==s?void 0:s.height),w:"100%"}),e.createElement(ca,{sx:{padding:`${ga(28)} ${ga(16)} ${ga(16)}`,background:"white"}},l))))):e.createElement(Ea,{className:"desktop-template",ratio:o.width/o.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},e.createElement(ca,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:ga(8),background:"white",boxShadow:"0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem"}},e.createElement("img",{alt:"",src:r,loading:"lazy",style:{borderTopLeftRadius:ga(8),borderBottomLeftRadius:ga(8),height:"100%",display:"block"}}),e.createElement(ca,{sx:{position:"relative",height:"100%",width:(o.width-c.width)/o.width*100+"%"}},e.createElement(j,Object.assign({unstyled:!0,leftIcon:e.createElement(Xa.Close,null)},m,{onClick:()=>null==d?void 0:d.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),e.createElement(ca,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${ga(40)} ${ga(24)} 0`}},l)))))},Xl="user/subscription",Ql=t=>{var r,{value:i,name:o,isMobile:s}=t,c=oa(t,["value","name","isMobile"]);const m=a(null),d=n((()=>{var e;return Boolean(null===(e=m.current)||void 0===e?void 0:e.checked)}),[null===(r=m.current)||void 0===r?void 0:r.checked]);return l((()=>{var e,t;if(d){const a=null===(e=m.current)||void 0===e?void 0:e.querySelector(".mantine-Chip-checkIcon"),n=document.createElementNS("http://www.w3.org/2000/svg","svg");n.setAttribute("width","16"),n.setAttribute("height","16"),n.setAttribute("viewBox","0 0 16 16"),n.setAttribute("fill","none"),n.setAttribute("xmlns","http://www.w3.org/2000/svg"),n.setAttribute("class","mantine-Chip-checkIcon");const l=document.createElementNS("http://www.w3.org/2000/svg","path");l.setAttribute("d","M13.32 3.99443C13.1468 3.99959 12.9825 4.07198 12.8617 4.19625L5.99973 11.0582L3.80442 8.86292C3.74299 8.79894 3.66941 8.74786 3.58799 8.71267C3.50657 8.67748 3.41895 8.65889 3.33025 8.65798C3.24156 8.65708 3.15358 8.67388 3.07146 8.70741C2.98934 8.74094 2.91474 8.79051 2.85202 8.85323C2.7893 8.91595 2.73973 8.99055 2.7062 9.07267C2.67267 9.15479 2.65587 9.24277 2.65677 9.33146C2.65768 9.42016 2.67627 9.50778 2.71146 9.5892C2.74665 9.67062 2.79773 9.7442 2.86171 9.80563L5.52838 12.4723C5.65341 12.5973 5.82295 12.6675 5.99973 12.6675C6.17651 12.6675 6.34606 12.5973 6.47108 12.4723L13.8044 5.13896C13.9008 5.04532 13.9666 4.92476 13.9932 4.79308C14.0198 4.6614 14.0061 4.52474 13.9537 4.40102C13.9013 4.2773 13.8128 4.17228 13.6998 4.09972C13.5867 4.02717 13.4543 3.99047 13.32 3.99443Z"),l.setAttribute("fill","#2D87F3"),n.appendChild(l),null===(t=null==a?void 0:a.parentNode)||void 0===t||t.replaceChild(n,a)}}),[d]),e.createElement(ba,Object.assign({ref:m,value:i,radius:6},c,{styles:e=>({label:{display:"flex",border:"1px solid #DBDFE5 !important",borderRadius:6,padding:"8px 12px 8px 8px",height:"initial",gap:4,position:"relative","&[data-checked='true']":{borderColor:"#2D87F3 !important",backgroundColor:"#E3F2FF !important",color:"#2D87F3 !important",gap:0},"&:hover":{color:"initial",backgroundColor:"initial"},"&:not([data-checked])":{paddingLeft:36,[e.fn.smallerThan("sm")]:{paddingLeft:30},"&::before":{top:5,content:'"+"',position:"absolute",left:16,fontSize:18,color:"#262626",[e.fn.smallerThan("sm")]:{left:11}}}},input:{display:"none"}})}),e.createElement(B,{size:s?"p3":"p4",color:"gray.7",span:!0},o))},Jl=({topicsGroup:a,onTopicChange:n,isBlock:r=!1,selectedTopics:i=[],inputProps:s,labelProps:c,maxSelect:m=5,hasScroll:d,readonly:g})=>{const{action:{pushNotifications:p}}=o($),u=wn(a.map((e=>e.topics||[]))),{t:h}=Oa(),[v,E]=t([]);l((()=>{E(i)}),[i.length]),l((()=>{null==n||n(v)}),[v]);const b=e=>{e.length>5?p({type:"danger",title:h("pnTopicSection.maxSelectError.title",{maxSelect:m}),message:h("pnTopicSection.maxSelectError.desc")}):!g&&E((()=>u.filter((t=>e.some((e=>t.catId===e))))))};return e.createElement(va,{spacing:12},a.map(((t,a)=>e.createElement(va,{key:String(a),spacing:12},t.label&&e.createElement(B,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},c),t.label),d?e.createElement(ya,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},e.createElement(ca,{w:800},e.createElement(ba.Group,Object.assign({value:v.map((e=>e.catId)),multiple:!0},s,{onChange:b}),e.createElement(da,{gap:8,wrap:"wrap"},t.topics.map((a=>e.createElement(Ql,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:r},t.tracking)))))))):e.createElement(ba.Group,Object.assign({value:v.map((e=>e.catId)),multiple:!0},s,{onChange:b}),e.createElement(da,{gap:8,wrap:"wrap"},t.topics.map((a=>a.catId?e.createElement(Ql,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:r},t.tracking)):e.isValidElement(a.component)?a.component:null))))))))},er=t=>{var{heading:a,children:n,stickyActions:l}=t,r=oa(t,["heading","children","stickyActions"]);const{isMobile:i}=o(ta),s=e.createElement(va,{spacing:ga(24),sx:{height:"100%"}},e.createElement(S,{tag:"h4",style:{textAlign:"center"}},a),e.createElement(ca,null,n));return e.createElement(ca,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},i?s:e.createElement(ya,Object.assign({className:"layout-body",h:l?"calc(100% - 90px)":"100%"},r),s),l&&e.createElement(da,{gap:ga(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:ga(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${ga(24)} 0`}})},l))},tr=()=>{const{t:a,locale:r}=Oa(),{data:{userInfo:i},action:{pushNotifications:s}}=o($),c=null==i?void 0:i.id,{currentUrl:m,isMobile:d,pnSuggestCategory:g=[],nextStep:p,formValues:u,setFormValues:h,onSubmit:v,submitLoading:E,selectCategory:b,setCategoryLibs:y,setSelectCategory:f,maxSelectCategory:w}=o(ta),C=g.map((e=>e.catId)),k=yn({validate:{name:fn(a("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},u),{fitnessTopics:C})}),[x,N]=t([]),[L,S]=t([]);l((()=>{sa(void 0,void 0,void 0,(function*(){var e;try{const t=yield _(R(Zl,{_locale:r}),"get"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!C.includes(e.catId)));N(g),S(a),y([...g,...a])}catch(e){console.log(e)}}))}),[]),l((()=>{c&&k.setFieldValue("name",(null==i?void 0:i.name)||"")}),[c]);const T=()=>{""!==k.getInputProps("name").value?(h(k.getTransformedValues()),p()):k.validateField("name")},M=n((()=>e.createElement(j,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:m,leftIcon:e.createElement(Xa.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:T,styles:e=>({root:{borderRadius:ga(6),padding:"2px 15px",height:ga(40)},label:{fontSize:ga(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:ga(12),lineHeight:ga(16),height:ga(40)}},leftIcon:{marginRight:"5px"}})},e.createElement(B,{size:d?"p3":"p4"},a("home.seeMore")))),[k]);return l((()=>{k.setFieldValue("fitnessTopics",b.map((e=>e.catId)))}),[b]),e.createElement("form",{style:{height:"100%"},onSubmit:k.onSubmit((e=>{if(0===b.length)return s({type:"danger",title:a("newsletter.error.minTitle"),message:a("newsletter.error.minCotennt")}),!1;h(e),null==v||v(e.name)}))},e.createElement(er,{heading:a("healthToolPNModal.heading"),stickyActions:e.createElement(e.Fragment,null,e.createElement(j,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:m,loading:E,sx:{maxWidth:ga(240)}},a("healthToolPNModal.register")))},e.createElement(va,{spacing:ga(16)},e.createElement(P,Object.assign({label:a("newsletter.welcome.description")},k.getInputProps("name"))),e.createElement(Jl,{topicsGroup:[...0===g.length&&0===L.length?[{topics:[{component:M}]}]:[],...g.length>0?[{label:a("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...g,...0===L.length?[{component:M}]:[]]}]:[],...L.length>0?[{label:a("healthToolPNModal.findMore.chooseFav"),topics:[...L,...L.length>0?[{component:M}]:[]]}]:[]],selectedTopics:[...x],labelProps:{size:d?"p3":"p4",color:"gray.6"},onTopicChange:f,maxSelect:w}))))},ar=({history:t,onDelete:a})=>e.createElement(da,{wrap:"wrap",gap:8},Cn(t,"catId").map((t=>e.createElement(fa,{key:t.catId,rightSection:e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:()=>null==a?void 0:a(t)},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 9C1.5 4.8525 4.8525 1.5 9 1.5C13.1475 1.5 16.5 4.8525 16.5 9C16.5 13.1475 13.1475 16.5 9 16.5C4.8525 16.5 1.5 13.1475 1.5 9ZM11.1677 12.2248C11.4602 12.5173 11.9327 12.5173 12.2252 12.2248C12.5101 11.9323 12.5101 11.4523 12.2252 11.1673L10.0577 8.99979L12.2252 6.83229C12.5177 6.53979 12.5177 6.0673 12.2252 5.7748C11.9327 5.4823 11.4602 5.4823 11.1677 5.7748L9.00015 7.9423L6.83265 5.7748C6.54015 5.4823 6.06765 5.4823 5.77515 5.7748C5.63471 5.91492 5.55579 6.10516 5.55579 6.30354C5.55579 6.50193 5.63471 6.69217 5.77515 6.83229L7.94265 8.99979L5.77515 11.1673C5.63471 11.3074 5.55579 11.4977 5.55579 11.696C5.55579 11.8944 5.63471 12.0847 5.77515 12.2248C6.06765 12.5173 6.54015 12.5173 6.83265 12.2248L9.00015 10.0573L11.1677 12.2248Z",fill:"#8C8C8C"})),styles:{root:{height:32,background:"#ffffff",padding:"5px 12px",border:`1px solid ${W.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},e.createElement(B,{size:"p4"},t.localName))))),nr=({topics:a,onTopicChange:n,isBlock:r=!1,selectedTopics:i,labelProps:s,maxSelect:c=5})=>{const{action:{pushNotifications:m}}=o($),[d,g]=t([]),{t:p}=Oa();l((()=>{g(i)}),[i.length]),l((()=>{n(d)}),[d]);return a&&0!==a.length?e.createElement(va,{spacing:12,px:16,mx:-16},e.createElement(B,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},s),p("pnTopicSection.recentView")),e.createElement(ba.Group,{value:d.map((e=>e.catId)),onChange:e=>{r&&d.length<e.length?m({type:"danger",title:p("pnTopicSection.maxSelectError.title",{maxSelect:c}),message:p("pnTopicSection.maxSelectError.desc")}):g((()=>a.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},e.createElement(da,{gap:8,wrap:"wrap"},a.map(((t,a)=>e.createElement(Ql,{key:a,value:t.catId,name:t.localName,isBlock:r})))))):null},lr=t=>{var{topic:a,active:n,onClick:l}=t,r=oa(t,["topic","active","onClick"]);return e.createElement(ca,Object.assign({sx:e=>({position:"relative",cursor:"pointer",padding:2,borderRadius:8,boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04)",minHeight:ga(130),[e.fn.largerThan("sm")]:{minHeight:ga(138)}}),onClick:()=>l(a,n)},r),n&&e.createElement(ca,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},e.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z",fill:"#2D87F3"}),e.createElement("path",{d:"M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z",fill:"white"}))),e.createElement(ca,{sx:{borderRadius:"8px"}},e.createElement(D,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},e.createElement(ca,null,e.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),e.createElement(B,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},a.localName||""))},rr=({topics:n,selectedTopics:r=[],onTopicChange:i,isBlock:o=!1,labelProps:s,pushNotifications:c,maxSelect:m=5})=>{const{t:d}=Oa(),[g,p]=t([]),u=(e,t)=>{if(t)p((t=>t.filter((t=>t.catId!==e.catId))));else{if(o)return void c({type:"danger",title:d("pnTopicSection.maxSelectError.title",{maxSelect:m}),message:d("pnTopicSection.maxSelectError.desc")});p((t=>[...t,e]))}};l((()=>{p(r)}),[r.length]),l((()=>{i(g)}),[g]);const[h,v]=t(!1),[E,b]=t(0),[y,f]=t(0),w=a(null),C=()=>{v(!1)};return e.createElement(va,{spacing:10},e.createElement(da,{justify:"space-between",align:"center",w:"100%"},e.createElement(B,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},s),d("pnTopicSection.trending"))),e.createElement(ca,null,e.createElement(ya,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:w,viewportProps:{onMouseDown:e=>{e.preventDefault(),w.current&&(v(!0),b(e.pageX-w.current.offsetLeft),f(w.current.scrollLeft))},onMouseUp:C,onMouseLeave:C,onMouseMove:e=>{if(e.preventDefault(),!h||!w.current)return;const t=2*(e.pageX-w.current.offsetLeft-E);w.current.scrollLeft=y-t}},styles:{viewport:{paddingBottom:16}}},e.createElement(ca,{w:{base:112*n.length+8*(n.length-1)+10}},e.createElement(da,{gap:8},n.map(((t,a)=>e.createElement(lr,{key:a,topic:t,onClick:u,active:g.some((e=>e.catId===t.catId)),w:{base:112}}))))))))},ir=r=>{var{isLoggedIn:i,maxSelect:s=5,values:c=[],labelProps:m,onChange:d}=r,g=oa(r,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:p}}=o($),[u,h]=t(""),{t:v,locale:E}=Oa(),b=a(null),[y,f]=t([]),[w,C]=t([]),[k,x]=t([]),[N,L]=t([]),[S,T]=t(null),[M,I]=t([]);l((()=>{sa(void 0,void 0,void 0,(function*(){var e,t;const a=yield _(R(Gl,{_locale:E}),"get"),n=(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],l=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[],r=Cn([...n,...l],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(I(r||[]),T((null==a?void 0:a.data)||null),c.length>0){const e=n.filter((e=>c.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=l.filter((e=>c.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));L(e),C(t)}}))}),[i]);const D=n((()=>Cn([...y,...w,...N,...k],"catId")),[y,w,N,k]),[z,j]=t(!1);l((()=>{D.length>=s?j(!0):j(!1),null==d||d(D)}),[D]);return e.createElement(va,Object.assign({spacing:ga(16)},g),e.createElement(va,{spacing:ga(8)},e.createElement(B,{size:"p3"},v("pnTopicSection.maxSelectError.detail",{max:s,maxTopic:D.length})),e.createElement(wa,{ref:b,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:W.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:e.createElement(B,{size:"s4",color:"gray.6"},v("pnTopicSection.notFound")),itemComponent:""===u?aa:na,size:"lg",placeholder:v("pnTopicSection.plsEnterFavTopics"),data:M,onSearchChange:h,searchValue:u,icon:e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9682 19.7465 14.8936 19.0205 16.4115 17.8063L20.3168 21.7116C20.7018 22.0966 21.3261 22.0966 21.7111 21.7116C22.0961 21.3266 22.0961 20.7023 21.7111 20.3173L17.8059 16.4121C19.0203 14.894 19.7465 12.9684 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#595959"})),rightSection:e.createElement(e.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>{return t=e,sa(void 0,void 0,void 0,(function*(){var e;const a={trending:C,recently:x,interested:L,default:f};let n="default";if(z)p({type:"danger",title:v("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:v("pnTopicSection.maxSelectError.desc")});else{const l=[{key:"trending",array:null==S?void 0:S.trending},{key:"recently",array:null==S?void 0:S.recently},{key:"interested",array:null==S?void 0:S.interested}].find((e=>{var a;return null===(a=e.array)||void 0===a?void 0:a.some((e=>e.catId===t[0]))}));n=(null==l?void 0:l.key)||"default",a[n]((e=>[...e,...M.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:n}))))),null===(e=b.current)||void 0===e||e.blur()}return null}));var t},value:[]}),D&&D.length>0&&e.createElement(ar,{history:D,onDelete:e=>{const t={trending:C,recently:x,interested:L,default:f};(t[e.template]||t.default)((t=>{const a=[...t],n=a.findIndex((t=>t.catId===e.catId));return a.splice(n,1),a}))}})),e.createElement(ca,{sx:e=>({position:"relative",height:ga(175),[e.fn.largerThan("sm")]:{height:ga(190)}})},e.createElement(ca,{sx:{position:"absolute",top:0,right:0,left:0}},e.createElement(rr,{topics:((null==S?void 0:S.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:w,onTopicChange:C,isBlock:z,labelProps:m}))),e.createElement(nr,{topics:((null==S?void 0:S.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:k,onTopicChange:x,isBlock:z,labelProps:m}),e.createElement(Jl,{labelProps:m,topicsGroup:[{label:v("pnTopicSection.ppAlsoInterested"),topics:((null==S?void 0:S.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:N,onTopicChange:L,isBlock:z}))},or=()=>{const{t:t}=Oa(),{action:{pushNotifications:a}}=o($),{prevStep:n,formValues:l,submitLoading:r,onSubmit:i,selectCategory:s,maxSelectCategory:c,setSelectCategory:m,currentUrl:d,isLoggedIn:g}=o(ta);return e.createElement(er,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:ga(25)}},stickyActions:e.createElement(e.Fragment,null,e.createElement(j,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:d,onClick:n},t("healthToolPNModal.back")),e.createElement(j,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:d,onClick:()=>{if(0===s.length)return a({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==i||i(l.name)},loading:r},t("healthToolPNModal.next")))},e.createElement(ir,{isLoggedIn:g,maxSelect:c,values:l.fitnessTopics,onChange:m,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},sr=()=>{const{t:t}=Oa(),{close:a,selectCategory:n,onRegisterSuccess:r,currentUrl:i,finishLabelOnResult:s,disclaimerText:c}=o(ta);return l((()=>()=>{setTimeout((()=>{null==r||r()}),400)}),[]),e.createElement(er,{heading:t("healthToolPNModal.heading"),stickyActions:e.createElement(j,{fullWidth:!0,sx:{maxWidth:ga(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:i,onClick:()=>{a()}},s||t("healthToolPNModal.finish"))},e.createElement(va,null,e.createElement(da,{gap:ga(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:ga(8),padding:ga(8)})},e.createElement(ca,null,e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M9.99984 18.3334C14.6022 18.3334 18.3332 14.6025 18.3332 10.0001C18.3332 5.39771 14.6022 1.66675 9.99984 1.66675C5.39746 1.66675 1.6665 5.39771 1.6665 10.0001C1.6665 14.6025 5.39746 18.3334 9.99984 18.3334Z",fill:"#00B16A"}),e.createElement("path",{d:"M9.58558 12.6674C9.22944 12.668 8.87668 12.5983 8.54752 12.4623C8.21835 12.3264 7.91925 12.1268 7.66732 11.8751L6.68587 10.8931C6.55607 10.7587 6.48424 10.5787 6.48587 10.3919C6.48749 10.2051 6.56243 10.0263 6.69455 9.89422C6.82667 9.7621 7.00539 9.68716 7.19222 9.68554C7.37906 9.68391 7.55906 9.75574 7.69345 9.88554L8.67491 10.8675C8.79344 10.986 8.93415 11.08 9.08902 11.1442C9.24389 11.2083 9.40987 11.2413 9.5775 11.2413C9.74513 11.2413 9.91111 11.2083 10.066 11.1442C10.2208 11.08 10.3616 10.986 10.4801 10.8675L16.7033 5.24335C16.8443 5.12184 17.0272 5.06032 17.213 5.07195C17.3987 5.08358 17.5726 5.16744 17.6973 5.30558C17.8221 5.44373 17.8878 5.6252 17.8805 5.81118C17.8731 5.99717 17.7933 6.17291 17.6581 6.30081L11.4592 11.8998C11.2128 12.1448 10.9205 12.3387 10.5989 12.4705C10.2774 12.6022 9.93304 12.6692 9.58558 12.6674Z",fill:"white"}))),e.createElement(B,{size:"p3"},c||t("pnModal.disclaimer"))),e.createElement(S,{tag:"h5"},t("healthToolPNModal.yourPre")),n.length>0&&e.createElement(Jl,{topicsGroup:[{label:"",topics:n}],selectedTopics:n,readonly:!0})))},cr=({isMobile:a,isLoggedIn:n,pnSuggestCategory:r=[],acquisitionInfo:s,currentUrl:c,opened:m,close:d,finishLabelOnResult:g,onRegisterSuccess:p,disclaimerText:u})=>{const{t:h,locale:v}=Oa(),{action:{pushNotifications:E}}=o($),b=q.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),y=q.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[f,w]=t([]),[C,k]=t([]),[x,N]=t(0),[L,B]=t({name:"",fitnessTopics:[]}),[S,T]=t(!1),M=()=>N(2),I=i((e=>sa(void 0,void 0,void 0,(function*(){try{T(!0),yield _(R(Ul,{website_url:V(v)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:bn.get(Ta),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},s.userInfo),{name:e||L.name,type_subscription:1}),domain:Na[v||Ma.Vietnam],category:C,perferred:s.preferredTopics.map((({id:e})=>({id:e})))}}),T(!1),yield _(G(Xl),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),M()}catch(e){console.log({err:e}),T(!1),E({title:h("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[L,C]);return l((()=>{[b,y].forEach((e=>{(new Image).src=e}))}),[]),e.createElement(ta.Provider,{value:{currentUrl:c,isMobile:a,isLoggedIn:n,opened:m,close:d,pnSuggestCategory:r,nextStep:()=>N((e=>e<3?e+1:e)),prevStep:()=>N((e=>e>0?e-1:e)),lastStep:M,categoryLibs:f,setCategoryLibs:w,selectCategory:C,setSelectCategory:k,formValues:L,setFormValues:B,maxSelectCategory:5,submitLoading:S,onSubmit:I,onRegisterSuccess:p,finishLabelOnResult:g,disclaimerText:u}},e.createElement(Yl,{isMobile:a,desktopBanner:q.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:q.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:m,onClose:d,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:c}},e.createElement(Ca,{active:x,onStepClick:N,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},e.createElement(Ca.Step,null,e.createElement(tr,null)),e.createElement(Ca.Step,null,e.createElement(or,null)),e.createElement(Ca.Step,null,e.createElement(sr,null)))))},mr=()=>{const{t:a,locale:r}=Oa(),{type:i,isMobile:s,isLoggedIn:c,currentUrl:m,acquisitionInfo:d,categoryIds:g,subcribeHealthStatus:p,state:u,onChange:h}=o(ea),{getHealthToolLink:v,allTools:E}=ln(r),[b,y]=t(),[f,w]=t(!1),[C,k]=t([]),[x,N]=t(!1),[L,B]=t(),S=n((()=>{var e,t;return{pregnancy:{heading:a("pnBannerWithOption.pregnancy.heading"),description:a("pnBannerWithOption.pregnancy.desc"),toolType:la.DUE_DATE,toolBanner:{heading:a("pnBannerWithOption.dueDateTool.heading"),description:a("pnBannerWithOption.dueDateTool.desc"),thumbnail:(null===(t=null===(e=E.filter((e=>e.template===la.DUE_DATE)))||void 0===e?void 0:e[0])||void 0===t?void 0:t.icon)||ra[la.DUE_DATE],btnLabel:a("pnBannerWithOption.dueDateTool.btnLabel"),btnLink:v(la.DUE_DATE)},onYes:()=>y(la.DUE_DATE),onNo:()=>w(!0)}}}),[])[i];return l((()=>{sa(void 0,void 0,void 0,(function*(){var e,t;const a=yield _(R(Gl,{_locale:r}),"get"),n=[...(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],...(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[]];k(n.filter((e=>g.includes(Number(e.catId)))))}))}),[]),l((()=>{x&&(null==h||h("hide"))}),[x]),l((()=>{B(u)}),[u]),l((()=>{b&&(null==h||h("showTool"))}),[b]),x?null:e.createElement(e.Fragment,null,"showTool"===L||1===(null==p?void 0:p.pregnant)||b?e.createElement(Kl,Object.assign({},S.toolBanner)):e.createElement(ql,Object.assign({},S,{banner:q.getAssetPath(`newsletter/banner-option-${i}-${s?"mobile":"desktop"}.png`)})),e.createElement(cr,{acquisitionInfo:d,isMobile:s,isLoggedIn:c,currentUrl:m,pnSuggestCategory:C,opened:f,close:()=>{w(!1),setTimeout((()=>{N(!0)}),400)},onRegisterSuccess:()=>w(!1)}))},dr=a=>{var{type:n,pregnantArticleId:r=0,categoryIds:i=[],isMarketing:s,isABTestingType:c,isPremiumBanner:m,currentUrl:d,isMobile:g,subcribeHealthStatus:p,setShouldAcquisitionModalOpen:u,state:h,onChange:v}=a,E=oa(a,["type","pregnantArticleId","categoryIds","isMarketing","isABTestingType","isPremiumBanner","currentUrl","isMobile","subcribeHealthStatus","setShouldAcquisitionModalOpen","state","onChange"]);const{locale:b}=Oa(),{data:{userInfo:y}}=o($),f=Boolean(null==y?void 0:y.id),[w,C]=t(null),k=n&&c&&(null===p||1===p.pregnant);return l((()=>{f&&C({userInfo:y,preferredTopics:ia,healthTopics:[]})}),[f]),e.createElement(ea.Provider,{value:{type:n,isMobile:g,isLoggedIn:f,currentUrl:d,acquisitionInfo:w,categoryIds:i,subcribeHealthStatus:p,pregnantArticleId:r,onChange:v,state:h}},"hide"!==h?e.createElement(e.Fragment,null,f&&k?e.createElement(mr,null):1!==(null==y?void 0:y.subscription)&&m?e.createElement(ka,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>sa(void 0,void 0,void 0,(function*(){const e=s?hn(b)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;f?null==u||u():window.location.href=`${vn(b)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":d,className:"pointer-event-child-none"},E),e.createElement(za,{src:s?q.getAssetPath(`newsletter/${g?"Mobile":"Desktop"}_Marketing.png`):q.getAssetPath(`newsletter/${g?"Mobile":"Desktop"}_${n}.png`),alt:"newsletter banner"})):null):null)};export{Ln as A,Bn as B,An as C,El as D,Vl as E,Tn as F,Mn as G,dr as H,tl as I,Sl as O,Dn as P,Fn as R,rl as S,zn as T,Sn as a,jn as b,Hn as c,Zn as d,Qn as e,Jn as f,el as g,al as h,nl as i,il as j,ol as k,sl as l,cl as m,ml as n,dl as o,gl as p,fl as q,wl as r,Cl as s,Nl as t,Bl as u,Ml as v,jl as w,Fl as x,$l as y,Wl as z};

package/build/esm/index-890f07f7.js

@@ -0,0 +1 @@
+import e,{useMemo as a}from"react";import{CommonGAssets as t}from"./gAssets.js";import{Y as s,Z as l,_ as o,$ as r,a0 as n,L as g,a1 as m}from"./index.styles-82f67895.js";import{I as i}from"./index-fb88d784.js";const c=({type:c,className:h,style:w,isLightLogo:u,customSize:d,badge:f,locale:N,dateForSeasonal:y,isPro:p})=>{const E=a((()=>{if(!y||isNaN(new Date(y).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(y),a=s(e),t=l.includes(N)&&o(e);return{isChristmas:a,isLunarNewYear:t,isNewYear:!t&&r(e)}}),[N,new Date(y).getDate()]);return e.createElement(n,{className:h,style:w,"data-logo-is-light":u||void 0,"data-has-badge":!!f,"data-christmas":E.isChristmas,"data-new-year":E.isNewYear,"data-lunar-new-year":E.isLunarNewYear},E.isChristmas?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left xmas logo",src:t.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right xmas logo",src:t.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):E.isNewYear?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left new year logo",src:t.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right new year logo",src:t.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):E.isLunarNewYear?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left lunar new year logo",loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right lunar new year logo",loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,e.createElement(g,{type:c,width:null==d?void 0:d.width,height:null==d?void 0:d.height}),p?e.createElement(m,{src:t.getAssetPath("logo/pro-suffix.svg")}):null,f)};export{c as L};

package/build/esm/index-94b1edc9.js

@@ -0,0 +1 @@
+import{_ as o}from"./tslib.es6-a59ac7f2.js";import t from"react";import{Indicator as s}from"@mantine/core";import"dayjs";import"./screenSizeContext-4855603d.js";import"styled-components";import{t as e}from"./theme-05390e1a.js";import"./index-5968a9b1.js";import"./isProduction-b2d88eb1.js";import"./Onboarding-c0cfac18.js";import"./gAssets.js";const r=r=>{var{styles:i,color:n=e.colors.red700}=r,a=o(r,["styles","color"]);return t.createElement(s,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},i),color:n},a))};export{r as I};

package/build/esm/{index-6fcc8bc3.js → index-c0d7abdb.js}

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

package/build/esm/{index-40d35a26.js → index-d3a5ab49.js}

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

package/build/esm/{index-3f8a6b5e.js → index-da6144c5.js}

@@ -1,4 +1,4 @@
-import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as i}from"@mantine/core";import{t as n,M as l}from"./screenSizeContext-bdf24fa6.js";import{a3 as r,a4 as s,a5 as d,a6 as m,a7 as c,a8 as p,a1 as h}from"./index.styles-7434589b.js";import{T as b}from"./index-40d35a26.js";import g from"styled-components";import{u}from"./useTranslations-3e20b105.js";import{G as x}from"./Onboarding-70785e8f.js";import{I as y}from"./index-4efeaafb.js";import{M as f,a as C}from"./index-119c00b7.js";import{t as v}from"./theme-72026c60.js";const w=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),E=({children:o,title:l,onClose:r,open:c=!1,placement:p="left",destroyOnClose:h=!1,isPropagationEvent:g=!0,className:u})=>{const x=t();a((()=>(n(c),()=>n(!1))),[c]);const y=()=>{x.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!c&&h?null:e.createElement(i,null,e.createElement(s,{className:u,open:c},e.createElement(w,{open:c,onClickOutside:y}),e.createElement(d,{open:c,placement:p,ref:x,hasTitle:Boolean(l)},e.createElement("div",{className:"title"},l&&e.createElement(b,{size:"s2",type:"semiBold"},l),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:y},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(m,{onClick:e=>{g&&e.stopPropagation()}},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:y}):null)))))},$=({value:t,options:a,className:i,direction:n="horizontal",onChange:l,isDisabled:r,siteType:s})=>{const[d,m]=o(t),h="marryBaby"===s;return e.createElement(c,{className:i,"data-direction":n},a.map(((a,o)=>e.createElement(p,{"data-selected":(t||d)===a.value,"data-is-mb":h,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(m(e),l&&l(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,h?e.createElement(f,{type:"subtitle-2",color:(t||d)===a.value?v.mbColors.dark:v.mbColors.midGray},a.label):e.createElement(b,{type:"bold",color:(t||d)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},k="hhgcomp-modal-modal",B=h(g.div`
+import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as i}from"@mantine/core";import{t as n,M as l}from"./screenSizeContext-4855603d.js";import{ao as r,ap as s,aq as d,ar as c,as as m,at as p,a8 as h}from"./index.styles-82f67895.js";import{T as b}from"./index-d3a5ab49.js";import g from"styled-components";import{u}from"./useTranslations-7b0b4bfb.js";import{G as x}from"./Onboarding-c0cfac18.js";import{I as y}from"./index-4db4b3b2.js";import{M as f,a as C}from"./index-634bfb22.js";import{t as v}from"./theme-05390e1a.js";const w=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),E=({children:o,title:l,onClose:r,open:m=!1,placement:p="left",destroyOnClose:h=!1,isPropagationEvent:g=!0,className:u})=>{const x=t();a((()=>(n(m),()=>n(!1))),[m]);const y=()=>{x.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&h?null:e.createElement(i,null,e.createElement(s,{className:u,open:m},e.createElement(w,{open:m,onClickOutside:y}),e.createElement(d,{open:m,placement:p,ref:x,hasTitle:Boolean(l)},e.createElement("div",{className:"title"},l&&e.createElement(b,{size:"s2",type:"semiBold"},l),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:y},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(c,{onClick:e=>{g&&e.stopPropagation()}},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:y}):null)))))},$=({value:t,options:a,className:i,direction:n="horizontal",onChange:l,isDisabled:r,siteType:s})=>{const[d,c]=o(t),h="marryBaby"===s;return e.createElement(m,{className:i,"data-direction":n},a.map(((a,o)=>e.createElement(p,{"data-selected":(t||d)===a.value,"data-is-mb":h,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(c(e),l&&l(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,h?e.createElement(f,{type:"subtitle-2",color:(t||d)===a.value?v.mbColors.dark:v.mbColors.midGray},a.label):e.createElement(b,{type:"bold",color:(t||d)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},k="hhgcomp-modal-modal",B=h(g.div`
   position: relative;
   z-index: 200;
   background-color: ${e=>e.theme.colors.white};

package/build/esm/{index-e0784192.js → index-dae69259.js}

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

package/build/esm/{index-94ca9b0b.js → index-de57ecd9.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-287085c8.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,a as r,b as l,c as i}from"./index-4efeaafb.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:b=!0,actionIcon:y,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:f,size:I,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),x=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":I,className:h,"data-has-action-icon":!!y||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},f||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},x,j)),C&&a.createElement(r,{className:"displayIcon"},C),y&&a.createElement(l,{className:"actionIcon",onClick:v},y)),p&&p.length>0&&b&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};
+import{_ as e}from"./tslib.es6-a59ac7f2.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,a as r,b as l,c as i}from"./index-4db4b3b2.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:b=!0,actionIcon:y,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),x=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!y||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},x,j)),C&&a.createElement(r,{className:"displayIcon"},C),y&&a.createElement(l,{className:"actionIcon",onClick:v},y)),p&&p.length>0&&b&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};

package/build/esm/{index-f6bcb648.js → index-fb88d784.js}

@@ -1,10 +1,10 @@
-import{_ as e}from"./tslib.es6-287085c8.js";import t,{useState as n,forwardRef as l,createContext as i,useContext as r,useRef as o,useEffect as a}from"react";import s from"styled-components";import{Carousel as c}from"@mantine/carousel";import{createStyles as d}from"@mantine/core";import{useViewportSize as p,useResizeObserver as h}from"@mantine/hooks";const u=l=>{var{alt:i,backupSrc:r,src:o,placeholderSrc:a,style:s,ref:c}=l,d=e(l,["alt","backupSrc","src","placeholderSrc","style","ref"]);const[p,h]=n(!1);return t.createElement(g,Object.assign({loading:"lazy",alt:i,onError:()=>!p&&h(!0),src:p?r||o:o||r,style:Object.assign(Object.assign({},a?{backgroundImage:`url(${a})`}:{}),s),"data-has-placeholder":!!a,ref:c},d))},g=s.img`
+import{_ as e}from"./tslib.es6-a59ac7f2.js";import t,{useState as n,forwardRef as l,createContext as i,useContext as r,useRef as o,useEffect as a}from"react";import s from"styled-components";import{Carousel as c}from"@mantine/carousel";import{createStyles as d}from"@mantine/core";import{useViewportSize as p,useResizeObserver as h}from"@mantine/hooks";const u=l=>{var{alt:i,backupSrc:r,src:o,placeholderSrc:a,style:s,ref:c}=l,d=e(l,["alt","backupSrc","src","placeholderSrc","style","ref"]);const[p,h]=n(!1);return t.createElement(g,Object.assign({loading:"lazy",alt:i,onError:()=>!p&&h(!0),src:p?r||o:o||r,style:Object.assign(Object.assign({},a?{backgroundImage:`url(${a})`}:{}),s),"data-has-placeholder":!!a,ref:c},d))},g=s.img`
   &[data-has-placeholder='true'] {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
   }
-`,m=s((n=>{var{type:l}=n,i=e(n,["type"]);return t.createElement(l,i)}))`
+`,f=s((n=>{var{type:l}=n,i=e(n,["type"]);return t.createElement(l,i)}))`
   color: var(--text-color, ${e=>e.theme.mbColors.dark});
   font-family: Krub;
   font-weight: 600;
@@ -26,7 +26,7 @@ import{_ as e}from"./tslib.es6-287085c8.js";import t,{useState as n,forwardRef a
     font-size: 18px;
     line-height: 32px;
   }
-`,f=s.p`
+`,m=s.p`
   color: var(--text-color, ${e=>e.theme.mbColors.dark});
   letter-spacing: -0.2px;
 
@@ -72,4 +72,4 @@ import{_ as e}from"./tslib.es6-287085c8.js";import t,{useState as n,forwardRef a
     letter-spacing: -0.1px;
     line-height: 14px;
   }
-`,x=l((function(e,n){return t.createElement("circle",Object.assign({},e,{ref:n}),t.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))})),v=c.Slide,y=i({}),b=(e,t)=>e>=t?e-t:e,S=l=>{var{children:i,blurFromCenter:r,blurFromIndex:s,blurLength:u=3,maxBlurOpacity:g=.5,onSlideChange:m,selectSlideWhenClick:f}=l,x=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);const{width:v}=p(),[S]=h(),k=o(null),[C,z]=n(0),w=()=>{var e,t,n,l,i;const o=(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(t=null==k?void 0:k.current)||void 0===t?void 0:t.slideNodes().length)<=(null===(n=null==k?void 0:k.current)||void 0===n?void 0:n.slidesInView().length))return o.map((e=>{e.classList.remove("center-slide"),e.style.opacity="1"})),!1;const a=null===(l=null==k?void 0:k.current)||void 0===l?void 0:l.selectedScrollSnap();z(a);const c=o.length,d=(null===(i=null==k?void 0:k.current)||void 0===i?void 0:i.slidesInView()).length,p=Math.floor(d/2),h=r?s+u-1:p,m=a+h,f=m===c?0:m>c?m-c:m,x=a-h,v=x<0?c+x:x>0?a-h:0,y=[...new Set(Array(2*h+1).fill("").map(((e,t)=>b(v+t,c))))];o.map(((e,t)=>{if(t===a?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==y.indexOf(t)){const i=g/u;for(let r=0;r<u;r++){if(t===b(v+r,c)||t===(l=c,(n=f-r)<0?l+n:n)){e.style.opacity=String((r+1)*i);break}e.style.opacity="1"}}else e.style.opacity="0";var n,l}))},O={getEmblaApi:e=>{k.current=e},onSlideChange:e=>{w(),null==m||m(e)}};a((()=>{(null==k?void 0:k.current)&&w()}),[v]);const E=d((()=>{var e,t;return{control:Object.assign({},(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes().length)<=(null===(t=null==k?void 0:k.current)||void 0===t?void 0:t.slidesInView().length)&&{display:"none"})}})),{classes:j}=E();return t.createElement(y.Provider,{value:{slider:null==k?void 0:k.current,centerSlide:C,selectSlideWhenClick:f}},t.createElement(c,Object.assign({classNames:{control:j.control},ref:S,slideSize:"auto",containScroll:"trimSnaps"},O,x,{loop:!0}),"function"==typeof i?i(C):i))};S.Slide=l=>{var{children:i,onClick:s,innerSlideProps:c}=l,d=e(l,["children","onClick","innerSlideProps"]);const{slider:p,selectSlideWhenClick:h}=r(y),u=o(),g=o(""),[m,f]=n(0);a((()=>{g.current=String(Math.round(1e4*Math.random()))}),[]),a((()=>{const e=(null==p?void 0:p.slideNodes())||[];f(e.findIndex((e=>e.dataset.key===g.current)))}),[p]);const x={ref:u,"data-key":g.current,"data-index":m};return t.createElement(v,Object.assign({},x,d),t.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{h&&(null==p||p.scrollTo(m)),null==s||s(m)}},c),i))};export{x as C,u as I,m as S,f as a,S as b};
+`,x=l((function(e,n){return t.createElement("circle",Object.assign({},e,{ref:n}),t.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))})),v=c.Slide,y=i({}),b=(e,t)=>e>=t?e-t:e,S=l=>{var{children:i,blurFromCenter:r,blurFromIndex:s,blurLength:u=3,maxBlurOpacity:g=.5,onSlideChange:f,selectSlideWhenClick:m}=l,x=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);const{width:v}=p(),[S]=h(),k=o(null),[C,z]=n(0),w=()=>{var e,t,n,l,i;const o=(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(t=null==k?void 0:k.current)||void 0===t?void 0:t.slideNodes().length)<=(null===(n=null==k?void 0:k.current)||void 0===n?void 0:n.slidesInView().length))return o.map((e=>{e.classList.remove("center-slide"),e.style.opacity="1"})),!1;const a=null===(l=null==k?void 0:k.current)||void 0===l?void 0:l.selectedScrollSnap();z(a);const c=o.length,d=(null===(i=null==k?void 0:k.current)||void 0===i?void 0:i.slidesInView()).length,p=Math.floor(d/2),h=r?s+u-1:p,f=a+h,m=f===c?0:f>c?f-c:f,x=a-h,v=x<0?c+x:x>0?a-h:0,y=[...new Set(Array(2*h+1).fill("").map(((e,t)=>b(v+t,c))))];o.map(((e,t)=>{if(t===a?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==y.indexOf(t)){const i=g/u;for(let r=0;r<u;r++){if(t===b(v+r,c)||t===(l=c,(n=m-r)<0?l+n:n)){e.style.opacity=String((r+1)*i);break}e.style.opacity="1"}}else e.style.opacity="0";var n,l}))},O={getEmblaApi:e=>{k.current=e},onSlideChange:e=>{w(),null==f||f(e)}};a((()=>{(null==k?void 0:k.current)&&w()}),[v]);const E=d((()=>{var e,t;return{control:Object.assign({},(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes().length)<=(null===(t=null==k?void 0:k.current)||void 0===t?void 0:t.slidesInView().length)&&{display:"none"})}})),{classes:j}=E();return t.createElement(y.Provider,{value:{slider:null==k?void 0:k.current,centerSlide:C,selectSlideWhenClick:m}},t.createElement(c,Object.assign({classNames:{control:j.control},ref:S,slideSize:"auto",containScroll:"trimSnaps"},O,x,{loop:!0}),"function"==typeof i?i(C):i))};S.Slide=l=>{var{children:i,onClick:s,innerSlideProps:c}=l,d=e(l,["children","onClick","innerSlideProps"]);const{slider:p,selectSlideWhenClick:h}=r(y),u=o(),g=o(""),[f,m]=n(0);a((()=>{g.current=String(Math.round(1e4*Math.random()))}),[]),a((()=>{const e=(null==p?void 0:p.slideNodes())||[];m(e.findIndex((e=>e.dataset.key===g.current)))}),[p]);const x={ref:u,"data-key":g.current,"data-index":f};return t.createElement(v,Object.assign({},x,d),t.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{h&&(null==p||p.scrollTo(f)),null==s||s(f)}},c),i))};export{x as C,u as I,f as S,m as a,S as b};

package/build/esm/index-fe39531b.js

@@ -0,0 +1 @@
+import e,{useState as a,useEffect as t}from"react";import{X as s,I as n}from"./index.styles-82f67895.js";const l=({type:a="solid",className:t,style:n})=>e.createElement(s,{style:n,className:t,"data-diver-type":a,dividerType:a});var r="Dudns9-";const i=({value:s,choices:l,onChange:i})=>{const[o,c]=a(s);return t((()=>{c(s)}),[s]),e.createElement("div",{className:r},l.map(((a,t)=>e.createElement(n,{dataEventCategory:a.dataEventCategory,dataEventAction:a.dataEventAction,dataEventLabel:a.dataEventLabel,size:"sm",variant:a.value===o?"primary":"tertiary",key:t,onClick:()=>{c(a.value),null==i||i(a.value)}},a.label||""))))};export{i as B,l as D};