@hhgtech/hhg-components 1.28.21 → 1.28.23

package/build/esm/index-15c600d6.js

@@ -0,0 +1,3533 @@
+import e,{useState as t,useEffect as a,useRef as n,useMemo as i,Fragment as l,memo as r,useCallback as o,useImperativeHandle as s,forwardRef as c,createContext as d,useContext as m}from"react";import{T as p,I as g}from"./index-b902806c.js";import{e as u,f as h,g as b,h as v,i as y,j as f,k as x,l as w,m as E,n as k,o as C,p as N,q as B,r as D,s as $,t as P,u as z,v as S,w as L,H as M,T,x as I,Z as A,P as j,y as O,z as _,A as F,B as H,C as R,b as U,E as W,F as V,I as G}from"./index.styles-1512f2b5.js";import{i as Z,M as q}from"./screenSizeContext-d394cc53.js";import{I as Y,R as X,u as K,A as J,a as Q,b as ee,B as te,c as ae,d as ne,e as ie,t as le}from"./index-425a92c5.js";import{T as re}from"./index-fe3254e0.js";import{b as oe,u as se}from"./useTranslations-dd0a13ad.js";import"lodash/debounce";import{i as ce}from"./isProduction-f42d4af9.js";import{d as de,L as me,F as pe,Q as ge,R as ue,a as he,G as be}from"./index-29bf362b.js";import"./useCategory-efa124e8.js";import{CommonGAssets as ve}from"./gAssets.js";import{t as ye}from"./theme-e05003ce.js";import{_ as fe,a as xe}from"./tslib.es6-d0d7aa00.js";import{Box as we,Radio as Ee,Flex as ke,rem as Ce,Card as Ne,Group as Be,createStyles as De,Stack as $e,getStylesRef as Pe,useMantineTheme as ze,Container as Se,UnstyledButton as Le,AspectRatio as Me,ScrollArea as Te,Chip as Ie,Badge as Ae,MultiSelect as je,Stepper as Oe}from"@mantine/core";import _e from"innertext";import"@mantine/dates";import{G as Fe,L as He}from"./Onboarding-776a51ed.js";import Re from"dayjs";import Ue,{keyframes as We,css as Ve}from"styled-components";import"./translationsContext-f924f41c.js";import"string-format";import{useViewportSize as Ge}from"@mantine/hooks";import{i as Ze,d as qe}from"./index-84edbddf.js";import Ye from"lodash/throttle";import{L as Xe}from"./index-034573a6.js";import{B as Ke}from"./index-e12c492a.js";import{I as Je}from"./index-3bc70679.js";import Qe from"html-react-parser";import{format as et,addDays as tt,isBefore as at,startOfMonth as nt,addMonths as it,subMonths as lt,getDaysInMonth as rt,isToday as ot,isSameDay as st,isWithinInterval as ct,isAfter as dt,isPast as mt}from"date-fns";import"./utils-8ef9fdb1.js";import"./index.styled-6f781392.js";import"./index-2c84d24b.js";import{L as pt}from"./constants-c312beee.js";import{D as gt}from"./types-69c2911d.js";import{S as ut}from"./index-8b57ae3b.js";import{M as ht}from"./index-b9920630.js";import{b as bt}from"./index.styled-7aa83a38.js";import{C as vt}from"./index-08fb1171.js";import{useForm as yt,Controller as ft}from"react-hook-form";import{u as xt}from"./useHealthToolCache-de46a889.js";import{yupResolver as wt}from"@hookform/resolvers/yup";import{B as Et,D as kt}from"./index-645ef204.js";import{f as Ct}from"./index-9a575100.js";import Nt from"react-day-picker/DayPickerInput";import{a as Bt}from"./useOutsideClick-631f70f3.js";import Dt from"date-fns/locale/en-US";import $t from"date-fns/locale/id";import Pt from"date-fns/locale/vi";import zt from"date-fns/locale/zh-TW";import{g as St}from"./getSocialList-757a53c6.js";import{v4 as Lt}from"uuid";import{g as Mt,a as Tt}from"./routing-6b724e34.js";import{useForm as It,isNotEmpty as At}from"@mantine/form";import{M as jt}from"./index-324430b9.js";import Ot from"js-cookie";import _t from"lodash/flatten";import"react-contenteditable";import"react-dom";import Ft from"lodash/uniqBy";import{g as Ht}from"./cookieHelper-df1c13f9.js";import{n as Rt,a as Ut}from"./normalizeLink-83bc2fa0.js";var Wt="CHw-fZZ",Vt="_03U6VRS",Gt="EO828Vv";const Zt=({style:t,onClose:a,text:n,type:i,contentIcon:l,closeIcon:r,className:o,description:s})=>e.createElement("div",{className:`${Wt} ${o||""}`,style:t,"data-alert-type":i},e.createElement("div",{className:Vt},e.createElement("div",{className:"icon-title"},l,e.createElement(p,{weight:"bold",size:"label1"},n)),e.createElement(p,{weight:"regular",size:"p3"},s)),e.createElement("div",{className:Gt,onClick:a},r)),qt={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},Yt=({type:n="square",size:i,avatarImg:l,avatarUrl:r,firstLetter:o,backgroundColor:s,onClick:c,style:d,className:m,width:p,height:g,alt:h})=>{const b=i?qt[i]:void 0,[v,y]=t(!1);a((()=>{if(r){const e=document.createElement("img");e.setAttribute("src",r),e.addEventListener("error",(()=>{y(!0)}))}}),[r,y]);const f=(!r&&!l||v)&&o;return e.createElement(u,{style:Object.assign(Object.assign({},d),{"--size":b?b+"px":void 0,"--width-prop":p?p+"px":void 0,"--height-prop":g?g+"px":void 0,"--background-color":s}),"data-has-max":!(!p||!g),"data-avatar-type":n,onClick:c,className:m,avatarUrl:r,"data-custom-size":!!i},l,r&&!v&&e.createElement(Y,{src:r,alt:h||"avatar"}),f&&o)},Xt=({amount:t,type:a,size:n="medium",color:i="primary",icon:l,className:r})=>e.createElement(h,{"data-notification-type":a,"data-notification-size":n,"data-notification-color":i,"data-has-icon":!!l||void 0,notificationType:a,notificationSize:n,notificationColor:i,hasIcon:!!l,className:r},e.createElement("div",null,t&&e.createElement("span",null,t)," ",l&&e.createElement("div",null,l))),Kt=({style:t,children:a,className:n,size:i="lg",type:l="bold",upperCase:r,as:o="h4",color:s})=>e.createElement(b,{style:Object.assign({color:s},t),className:n,"data-size":i,"data-type":l,"data-uppercase":r,as:o},a),Jt=()=>e.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),Qt=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",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("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"file-dropdown-path",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:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),ea=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},e.createElement("title",null,"download"),e.createElement("path",{className:"file-dropdown-path",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)"})),ta=()=>e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},e.createElement("title",null,"upload"),e.createElement("path",{className:"file-dropdown-path",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)"})),aa=({className:a,value:i,options:l,onUploadSelected:r,id:o,placeholderIcon:s,placeholder:c,style:d})=>{const[m,p]=t(!1),g=()=>p(!m),u=n(l.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"),r(e.target.files)}}))));return e.createElement(v,{className:a,"data-dropdown-open":!!m,id:o,"data-has-icons":!0,style:d,onBlur:()=>p(!1),tabIndex:0},e.createElement(Jt,null),e.createElement(y,{onClick:g},s||e.createElement(Qt,null)," ",e.createElement("span",null,i&&i.value?i.label:c)),m&&e.createElement(f,{onClick:g,"data-has-icons":!0},l.map((t=>e.createElement(x,{key:`${o}-${t.value}`,"data-selected":i&&i.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(w,null,t.icon||"download"===t.type?e.createElement(ea,null):e.createElement(ta,null)),t.label)))),e.createElement(e.Fragment,null,u.current))},na=({className:t,columns:a,columnsDesktop:n,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,gap:r,children:o,justifyChildren:s,style:c,alignItems:d})=>e.createElement(E,{className:t,style:c,theme:{columns:a,columnsDesktop:n,gap:r,justifyChildren:s,gridTemplateColumns:i,gridTemplateColumnsDesktop:l,alignItems:d}},o),ia=({pagesAmount:n,activePage:i,handlePageChange:r,handleClick:o,href:s,queryPageName:c="page"})=>{const d=[...Array(n)].map(((e,t)=>t+1)),[m,p]=t(i<=4?d.slice(0,5):i>=d.length-3?d.slice(d.length-5,d.length):d.slice(i-2,i+1));return a((()=>{i<=4?p(d.slice(0,5)):i>=d.length-3?p(d.slice(d.length-5,d.length)):p(d.slice(i-2,i+1))}),[i]),e.createElement(l,null,i>4&&e.createElement(l,null,e.createElement(N,{onClick:()=>r(1)},s?e.createElement("a",{href:s,onClick:o},1):1),e.createElement(N,null,"...")),m.map((t=>e.createElement(N,{key:`pagination+${t}`,"data-page-active":t===i||void 0,onClick:()=>r(t)},s?e.createElement("a",{href:Z(s,t,c),onClick:o},t):t))),i<d.length-3&&e.createElement(l,null,e.createElement(N,null,"..."),e.createElement(N,{onClick:()=>r(d.length)},s?e.createElement("a",{href:Z(s,d.length,c),onClick:o},d.length):d.length)))},la=({className:n,pagesAmount:l,currentPage:r,onChange:o,onClick:s,style:c,href:d,queryPageName:m="page"})=>{const p=[...Array(l)].map(((e,t)=>t+1)),[g,u]=t(r),h=i((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),b=l-1,v=e=>{e<=l&&e>0&&(u(e),o(e))},y=e=>{s&&s(e)};return a((()=>{u(r)}),[r]),e.createElement(k,{className:n,style:c},e.createElement(C,{className:"prev-page",onClick:()=>v(g-1),"data-last-page":1===g||void 0},h?e.createElement("a",{href:Z(h,g,m),onClick:y},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},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"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),p.length>8?e.createElement(ia,{pagesAmount:l,activePage:g,handlePageChange:v,handleClick:y,href:h,queryPageName:m}):p.map((t=>e.createElement(N,{key:`pagination+${t}`,"data-page-active":t===g||void 0,onClick:()=>v(t)},h?e.createElement("a",{href:Z(h,t,m),onClick:y},t):t))),e.createElement(C,{className:"next-page",onClick:()=>v(g+1),"data-last-page":g===b+1||void 0},h?e.createElement("a",{href:Z(h,g,m),onClick:y},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},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"},e.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},ra=({size:t="small",label:a,name:n,checked:i,value:l,className:r,isDisabled:o=!1,onChange:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:m})=>{const p=!!d&&!!c&&!!m?{"data-event-category":c,"data-event-action":d,"data-event-label":m}:{};return e.createElement(X,Object.assign({size:"small"===t?"md":"lg",label:a,name:n,checked:i,value:l,className:r,disabled:o,onChange:e=>null==s?void 0:s(e.target.value)},p))},oa=({type:t,children:a,style:n,isInline:i,isSquared:l=!1,className:r,isLight:o,hasMorePadding:s,isLink:c,isSelected:d,textProps:m={size:"sm"}})=>{const p=m.color?{"--text-props-color":m.color}:{};return e.createElement(B,{"data-is-squared":l||void 0,"data-tag-type":t,"data-is-light":o||void 0,"data-has-more-padding":s||void 0,"data-is-inline":i||void 0,style:Object.assign(Object.assign({},n),p),className:r,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:t,isInline:i,tagHasMorePadding:s,tagIsLight:o,tagIsSquared:l,tagIsALink:c},e.createElement(re,Object.assign({},m),a))},sa=({className:t,id:a,onChange:n,checked:i,style:l,label:r})=>e.createElement(D,{className:t,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:n,checked:i}),e.createElement("label",{htmlFor:a},e.createElement($,null),r&&e.createElement(P,null,r))),ca=({label:t,name:a,checked:n,className:i,isDisabled:l,onChange:r,value:o,isRectangle:s,inputDataTestId:c,siteType:d})=>e.createElement(z,{className:i,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":t,"data-theme":d},e.createElement("input",{type:"checkbox",checked:n,name:a,onChange:()=>r(o,!n),disabled:l,value:o,id:`${a}-${o}`,"data-label-text":t,"data-testid":c}),!s&&e.createElement("label",{htmlFor:`${a}-${o}`},t)),da=t=>e.createElement("svg",Object.assign({},t,{viewBox:"0 0 32 32",fill:"none"}),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"})),ma=t=>e.createElement("svg",Object.assign({},t,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),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"})),pa=t=>{const a=oe();return e.createElement("svg",Object.assign({},t,{viewBox:"0 0 24 24",fill:"none"}),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"})))},ga=({gap:a=2,size:n=24,star:i,totalStars:l=5,onSelect:r,hideEmptyStars:o,style:s,className:c})=>{const d=Math.floor(i),m=i-d>=.5?1:0,[p,g]=t(null),u=p||d,h=p?0:m;return e.createElement(S,{"data-selectable":!!r,style:Object.assign({"--gap":a,"--star-size":n},s),className:c},Array.from({length:o?d+m:l}).map(((t,a)=>{const n=()=>!!r&&g(a+1),i=()=>!!r&&g(null);return a+1<=u?e.createElement(ma,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i}):a+1===u+h?e.createElement(pa,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i}):e.createElement(da,{key:a,onClick:()=>null==r?void 0:r(a+1),onMouseOver:n,onMouseLeave:i})})))},ua=l=>{var{label:r,availableValue:o,styles:s,isBaby:c,genderValue:d={male:"male",female:"female"}}=l,m=fe(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=se(),{classes:u,cx:h}=L(void 0,{name:"GenderOptionControl",styles:s}),[b,v]=t(),y=n(null),f=i((()=>[{value:d.male,label:g(c?"gender.boy":"gender.male"),icon:ve.getAssetPath(c?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:d.female,label:g(c?"gender.girl":"gender.female"),icon:ve.getAssetPath(c?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return a((()=>{v(o)}),[o]),e.createElement(we,{ref:y,className:u.root},e.createElement(Ee.Group,Object.assign({className:"radio-group",label:e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},r||g(c?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},m,{classNames:{error:u.groupErr}}),e.createElement(ke,{className:h(u.wrapper)},f.map((t=>e.createElement(Ee,Object.assign({className:"gender-item",classNames:{root:u.itemRoot,labelWrapper:u.itemLabelWrapper,label:u.itemLabel,inner:u.itemInner},key:t.value,value:t.value},b&&t.value!==b&&{disabled:!0},{label:e.createElement(ke,{gap:Ce(8),align:"center",justify:"center",sx:{zIndex:0}},e.createElement("img",{src:t.icon,className:"gender-image",alt:"female",loading:"lazy"}),e.createElement(p,{size:"p3"},t.label))})))))))};var ha="tliWyii";const ba=({className:t,theme:a,hideText:n})=>{const{t:i}=se();return e.createElement("div",{className:`${ha} ${t}`},e.createElement(g.Spinner,{isMarryBaby:"marryBaby"===a}),!n&&i("loading"))};var va="PiqKaXk",ya="HgbW6-m",fa="_6lkfLYy",xa="j7c-onH";const wa=({avatarImg:t,authorName:a,authorLink:n,uploadTime:i,size:l})=>e.createElement("div",{className:xa},e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":l},t),e.createElement("div",{className:"poster","data-is-disabled-url":!n},e.createElement(p,{size:"lg"===l?"p3":"p4"},e.createElement("a",{href:n},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,i))))),Ea=({isMobile:t,avatarImg:a,name:n,link:i,size:l="lg",specialty:r})=>e.createElement("div",{className:xa},e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":l},a),e.createElement("div",{className:"expert","data-is-disabled-url":!i},t?e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(M,{tag:"h6",className:"expert__name",color:ye.colors.gray600},n),e.createElement(p,{color:ye.colors.gray500,size:"p3",className:"specialty"},r)):e.createElement(e.Fragment,null,e.createElement(M,{tag:"h6",className:"expert__name",color:ye.colors.gray600},n))):e.createElement("a",{href:i},"lg"===l?e.createElement(e.Fragment,null,e.createElement(M,{tag:"h6",className:"expert__name",color:ye.colors.gray600},n),e.createElement(p,{color:ye.colors.gray500,size:"p3",className:"specialty"},r)):e.createElement(e.Fragment,null,e.createElement("h6",{color:ye.colors.gray600,className:`${va} expert__name`},n),e.createElement(p,{color:ye.colors.gray500,size:"p4",className:"specialty"},r)))))),ka=r((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),Ca=r((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),Na=r((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:n})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":n,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),Ba=({articleLink:t,authorLink:a,authorName:n,avatarImg:i,banner:l,categoryLink:r,categoryName:o,className:s,dataEventActionForBanner:c,dataEventActionForBookmark:d,dataEventActionForCategory:m,dataEventActionForTitle:g,dataEventCategoryForBanner:u,dataEventCategoryForBookmark:h,dataEventCategoryForCategory:b,dataEventCategoryForTitle:v,dataEventLabelForBanner:y,dataEventLabelForBookmark:f,dataEventLabelForCategory:x,dataEventLabelForTitle:w,direction:E="horizontal",hasAffiliate:k,isBookmark:C=!1,isBookmarkDisplayed:N=!0,isMobile:B=!0,onBookmark:D,onClickCategoryName:$,section:P="normal",size:z="md",specialty:S,style:L,styleBanner:T,styleLabel:I,styleTitle:A,text:j,title:O,type:_="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const U=e=>{e.stopPropagation(),null==D||D()},W="lg"===z&&"expert"===_?"h4":"lg"===z&&"home"===P?B?"h4":"h3":"lg"===z?"h4":"h5",V="lg"===z?"p3":"p4",G=B||"home"!==P||"lg"!==z||"author"!==_?"c2":"c1";return e.createElement("article",{className:`${fa} ${s||""}`,"data-size":z,style:L,"data-direction":E,"data-is-expert":"expert"===_||void 0},e.createElement("div",{className:"banner",style:T},e.createElement("a",{className:ya,"data-event-category":u,"data-event-action":c,"data-event-label":y,href:t||"#",target:H},l),R&&e.createElement("img",{loading:"lazy",className:"premium",src:ve.getAssetPath("premium-crown.svg")}),k&&e.createElement(ka,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(p,{style:I,className:"label",size:G,weight:"caption"},e.createElement("a",{className:ya,"data-event-category":b,"data-event-action":m,"data-event-label":x,href:r||"#",onClick:$},o),N&&e.createElement("a",{className:"bookmark",onClick:U},C?e.createElement(Ca,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(Na,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))),e.createElement(M,{tag:W,style:A,className:"title",as:"lg"===z?"h2":"h3"},e.createElement("a",{className:ya,"data-event-category":v,"data-event-action":g,"data-event-label":w,href:t||"#",target:H},O)),j&&e.createElement("a",{href:t||"#",target:H},e.createElement(p,{size:V,className:"text"},j))),e.createElement("div",{className:"footer"},"author"===_?e.createElement(wa,{size:z,avatarImg:i,authorName:n,authorLink:a,uploadTime:F,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}):e.createElement(Ea,{size:z,isMobile:B,avatarImg:i,specialty:S,name:n,link:a,handleClick:U,isBookmarked:C,dataEventCategoryForBookmark:h,dataEventActionForBookmark:d,dataEventLabelForBookmark:f}))))},Da=t=>{var a,n,i,{article:l,author:r,authorAvatar:o,badge:s="",hideDescription:c=!1,isBookmarked:d=!1,onBookmark:m,time:g,tracking:u}=t,h=fe(t,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:b}=K();return console.log({article:l}),e.createElement(Ne,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},h),e.createElement(Ne.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},e.createElement("img",{src:(b?l.featureImageMobile:l.featureImage)||l.featureImage,alt:l.postName,style:{width:"100%"},loading:"lazy"})),e.createElement(Ne.Section,null,e.createElement(Be,{position:"apart",mt:16,mb:4},e.createElement(J,{href:(null===(a=null==l?void 0:l.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==l?void 0:l.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(we,{sx:{cursor:"pointer"},role:"button",onClick:m},d?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==u?void 0:u.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"},null==u?void 0:u.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(p,{size:c?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},l.postTitle||l.postName||""),!c&&e.createElement(p,{size:"p2",mb:16,lineClamp:3,className:"pointer"},_e(l.excerpt||l.description||(null===(i=l.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),e.createElement(ke,{gap:12,align:"center"},e.createElement(Q,{size:32,src:o,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:s,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},r," • ",g))))};var $a=De(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const Pa=648/440,za=1.5,Sa=t=>{var a,n,l,{article:r,author:o,authorAvatar:s,badge:c="",bannerImageWrapProps:d,hideDescription:m=!1,isBookmarked:g=!1,onBookmark:u,time:h,tracking:b,classNames:v,styles:y,unstyled:f,className:x}=t,w=fe(t,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:E}=K(),{classes:k,cx:C}=$a({},{name:"ArticleCard",classNames:v,styles:y,unstyled:f}),N=i((()=>m?za:Pa),[m]);return e.createElement(Ne,Object.assign({className:C(k.root,x),padding:"lg",radius:0},w),e.createElement(Ne.Section,{className:C(k.image,"pointer")},e.createElement(ee,Object.assign({ratio:N},d),e.createElement("img",{src:(E?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),e.createElement(Ne.Section,null,e.createElement(Be,{position:"apart",mt:16,mb:4},e.createElement(J,{className:k.category,href:(null===(a=null==r?void 0:r.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},e.createElement(p,{size:"p4",color:"blue.6"},null===(n=null==r?void 0:r.primaryCategory)||void 0===n?void 0:n.displayName)),e.createElement(we,{sx:{cursor:"pointer"},role:"button",onClick:u},g?e.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==b?void 0:b.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"},null==b?void 0:b.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(p,{className:C(k.title,"pointer"),size:m?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!m&&e.createElement(p,{className:C(k.description,"pointer"),size:"p2",mb:16,lineClamp:3},_e(r.excerpt||r.description||(null===(l=r.postContent)||void 0===l?void 0:l.split("\r\n")[0])||"")),e.createElement(ke,{className:k.author,gap:12,align:"center"},e.createElement(Q,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:e.createElement("img",{loading:"lazy",src:c,alt:""})}},"A"),e.createElement(p,{size:"n1",c:"gray.6"},o," • ",h))))},La=t=>{var{variant:a="vertical"}=t,n=fe(t,["variant"]);return"horizontal"===a?e.createElement(Da,Object.assign({},n)):e.createElement(Sa,Object.assign({},n))},Ma=Ue.a`
+  display: flex;
+  height: 125px;
+
+  box-sizing: border-box;
+  flex-direction: column;
+  align-items: center;
+  padding: 8px;
+
+  border: 1px solid ${e=>e.theme.colors.neutral100};
+  background-color: white;
+  border-radius: ${e=>e.theme.borderRadius};
+  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);
+  cursor: pointer;
+  text-decoration: none;
+
+  & > .banner {
+    width: 100%;
+    height: 63px;
+    text-align: center;
+  }
+
+  & > .content {
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    text-align: center;
+    word-break: break-word;
+  }
+
+  * {
+    pointer-events: none;
+  }
+`,Ta=t=>{var{category:a,imgBanner:n,label:i,className:l,style:r,href:o="",dataEventCategory:s,dataEventAction:c,dataEventLabel:d}=t,m=fe(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(Ma,Object.assign({"data-event-category":s,"data-event-action":c,"data-event-label":d,className:l,style:r,href:g},(null==a?void 0:a.customizedUrl)&&!Ze(a.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===g&&e.preventDefault()}},m),e.createElement("div",{className:"banner"},n),e.createElement("div",{className:"content"},e.createElement(p,{className:"category_name",size:"sm",weight:"bold"},(null==a?void 0:a.displayName)||i||"")))},Ia=Ue.div`
+  display: flex;
+
+  &[data-type='vertical'] {
+    flex-direction: column;
+
+    div {
+      margin-bottom: 20px;
+    }
+  }
+
+  &[data-type='horizontal'] {
+    flex-wrap: wrap;
+
+    div {
+      margin-right: 25px;
+    }
+
+    &[data-is-rectangle] {
+      div {
+        margin-right: 14px;
+      }
+    }
+  }
+`,Aa=({name:t,values:a=[],onChanges:n,options:i=[],className:l,type:r="vertical",isDisabled:o,isRectangle:s})=>{const c=(e,t)=>{const i=a.slice();if(t)i.push(e);else{const t=i.findIndex((t=>t===e));i.splice(t,1)}n&&n(i)};return e.createElement(Ia,{className:l,"data-type":r,"data-is-rectangle":s||void 0},i.map(((n,i)=>e.createElement(ca,{label:n.label,name:t,key:`${i}-${n.value}`,checked:a.includes(n.value),value:n.value,isDisabled:o||n.disabled,onChange:!o&&c,isRectangle:s}))))},ja={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},Oa=Ue.div`
+  .pickerContainer {
+    position: relative;
+    padding-top: 0;
+    & > div > svg {
+      position: absolute;
+      top: 36px;
+      right: 16px;
+      cursor: pointer;
+    }
+
+    & > :not(:first-child) {
+      position: absolute;
+      z-index: 2;
+      width: 100%;
+    }
+  }
+
+  &[data-is-static] .pickerOverlayWrapper {
+    position: static;
+    max-width: 250px;
+    aspect-ratio: 1 / 1;
+
+    > .pickerOverlay {
+      padding: 1rem;
+    }
+  }
+
+  .pickerOverlayWrapper {
+    min-width: 320px;
+  }
+
+  &[data-align-right='true'] {
+    .pickerOverlayWrapper {
+      right: 0;
+    }
+  }
+
+  .pickerOverlay {
+    margin-top: 6px;
+    background: white;
+    border-radius: ${e=>e.theme.borderRadius};
+    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);
+  }
+
+  .picker {
+    width: 100%;
+  }
+
+  .react-datepicker-popper {
+    .react-datepicker {
+      display: flex;
+      width: 340px;
+      height: 305px;
+      align-items: center;
+      justify-content: center;
+      border: none;
+      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),
+        (-2px 2px 5px rgba(67, 86, 100, 0.123689));
+    }
+
+    .svg {
+      cursor: pointer;
+      stroke: ${e=>e.theme.colors.gray800};
+    }
+    .react-datepicker__day {
+      width: 40px;
+    }
+
+    .react-datepicker__header {
+      border-bottom: 0;
+      background-color: white;
+    }
+
+    .react-datepicker__day--outside-month {
+      color: #e9e9e9;
+    }
+
+    .react-datepicker__day {
+      font-weight: ${e=>e.theme.sizes.fwBold};
+    }
+
+    .react-datepicker__day--selected,
+    .react-datepicker__day--today,
+    .react-datepicker__day--selected:hover,
+    .react-datepicker__day--keyboard-selected {
+      width: 32px;
+      height: 30px;
+      margin: 4px;
+      margin-bottom: -2px;
+      background: ${e=>e.theme.colors.primaryBase};
+      border-radius: 50%;
+    }
+
+    .react-datepicker__day-name {
+      width: 40px;
+    }
+
+    .react-datepicker__triangle {
+      display: none;
+    }
+
+    .react-datepicker__header.react-datepicker__header--custom {
+      svg {
+        stroke: #262626;
+      }
+      select {
+        background: ${e=>e.theme.colors.neutral100};
+        text-align: center;
+        &:not(:last-child) {
+          padding: 8px 10px;
+          margin-right: 15px;
+          border-radius: ${e=>e.theme.borderRadius};
+        }
+      }
+    }
+  }
+
+  /* DayPicker styles */
+
+  .DayPicker {
+    display: inline-block;
+    font-size: 1rem;
+  }
+
+  .DayPicker-wrapper {
+    position: relative;
+
+    flex-direction: row;
+    padding-bottom: 1em;
+
+    -webkit-user-select: none;
+
+    -moz-user-select: none;
+
+    -ms-user-select: none;
+
+    user-select: none;
+  }
+
+  .DayPicker-Months {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  .DayPicker-Month {
+    display: table;
+    margin: 0 16px;
+    margin-top: 16px;
+    border-collapse: collapse;
+    border-spacing: 0;
+
+    -webkit-user-select: none;
+
+    -moz-user-select: none;
+
+    -ms-user-select: none;
+
+    user-select: none;
+  }
+
+  .DayPicker-NavBar {
+    position: absolute;
+    top: 16px;
+    left: 0;
+    display: flex;
+    width: 100%;
+    height: 0;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 20px;
+  }
+
+  .DayPicker-NavButton {
+    width: 24px;
+    height: 24px;
+    margin-bottom: -47px;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 16px 16px;
+    color: #8b9898;
+    cursor: pointer;
+  }
+
+  .DayPicker-NavButton:hover {
+    opacity: 0.8;
+  }
+
+  .DayPicker-NavButton--prev {
+    //left: 2px;
+    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+  }
+
+  .DayPicker-NavButton--next {
+    //right: 2px;
+    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+  }
+
+  .DayPicker-NavButton--interactionDisabled {
+    display: none;
+  }
+
+  .DayPicker-Caption {
+    display: table-caption;
+    width: 100%;
+    height: 46px;
+    padding: 0 32px;
+  }
+
+  .DayPicker-Caption select {
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    text-align: left;
+  }
+
+  .DayPicker-Weekdays {
+    display: table-header-group;
+    margin-top: 1em;
+  }
+
+  .DayPicker-WeekdaysRow {
+    display: table-row;
+  }
+
+  .DayPicker-Weekday {
+    display: table-cell;
+    padding: 0.5em;
+    color: #8b9898;
+    font-size: 0.875em;
+    text-align: center;
+  }
+
+  .DayPicker-Weekday abbr[title] {
+    border-bottom: none;
+    text-decoration: none;
+  }
+
+  .DayPicker-Body {
+    display: table-row-group;
+  }
+
+  .DayPicker-Week {
+    display: table-row;
+  }
+
+  .DayPicker-Day {
+    display: table-cell;
+
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    cursor: pointer;
+    text-align: center;
+    vertical-align: middle;
+  }
+
+  .DayPicker-WeekNumber {
+    display: table-cell;
+    min-width: 1em;
+    padding: 0.5em;
+    border-right: 1px solid #eaecec;
+    color: #8b9898;
+    cursor: pointer;
+    font-size: 0.75em;
+    text-align: right;
+    vertical-align: middle;
+  }
+
+  .DayPicker--interactionDisabled .DayPicker-Day {
+    cursor: default;
+  }
+
+  .DayPicker-Footer {
+    padding-top: 0.5em;
+  }
+
+  .DayPicker-TodayButton {
+    border: none;
+    background-color: transparent;
+    background-image: none;
+    box-shadow: none;
+    color: #4a90e2;
+    cursor: pointer;
+    font-size: 0.875em;
+  }
+
+  /* Default modifiers */
+
+  .DayPicker-Day--today {
+    color: #d0021b;
+    font-weight: 700;
+  }
+
+  .DayPicker-Day--outside {
+    color: #8b9898;
+    cursor: default;
+  }
+
+  .DayPicker-Day--disabled {
+    color: #dce0e0;
+    cursor: default;
+    /* background-color: #eff1f1; */
+  }
+
+  /* Example modifiers */
+
+  .DayPicker-Day--sunday {
+    background-color: #f7f8f8;
+  }
+
+  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {
+    color: #dce0e0;
+  }
+
+  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
+      .DayPicker-Day--outside
+    ) {
+    position: relative;
+
+    background-color: ${e=>e.theme.colors.primaryBase};
+    color: #f0f8ff;
+    font-weight: ${e=>e.theme.sizes.fwBold};
+  }
+
+  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
+      .DayPicker-Day--outside
+    ):hover {
+    background-color: #51a0fa;
+  }
+
+  .DayPicker:not(.DayPicker--interactionDisabled)
+    .DayPicker-Day:not(.DayPicker-Day--disabled):not(
+      .DayPicker-Day--selected
+    ):not(.DayPicker-Day--outside):hover {
+    background-color: #f0f8ff;
+  }
+
+  /* DayPickerInput */
+
+  .DayPickerInput {
+    display: inline-block;
+  }
+
+  .DayPickerInput-OverlayWrapper {
+    position: relative;
+  }
+
+  .DayPickerInput-Overlay {
+    position: absolute;
+    z-index: 1;
+    left: 0;
+
+    background: white;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
+  }
+`,_a=Ue.form`
+  display: flex;
+  width: 100%;
+
+  height: 46px;
+  align-items: center;
+  justify-content: space-between;
+  & > :first-child {
+    margin-right: 10px;
+  }
+
+  & * {
+    height: 46px;
+    padding: 10px 10px;
+    background: ${e=>e.theme.colors.neutral100};
+    border-radius: ${e=>e.theme.borderRadius};
+  }
+`,Fa=({alignRight:i=!0,placeholder:l,displayDateFormat:r,onChange:o,customInput:s,pickedDate:c,className:d,isStatic:m,disabledDays:p,modifiers:g,UnHideOnClickOutside:u,initialMonth:h,locale:b="en-PH"})=>{const v=n(!1),y=et,[f,x]=t(h||new Date),w=n(null),E=n(null),k=ja[b],C=e=>{u||w.current&&w.current.contains(e.target)||E.current&&E.current.hideDayPicker()},N=(new Date).getFullYear(),B=new Date(N-150,0),D=new Date(N+1,0),$=({date:t,onChange:a,monthLabels:n})=>{const i=[];for(let e=D.getFullYear();e>=B.getFullYear();e-=1)i.push(e);const l=function(e){const{year:t,month:n}=e.target.form;a(new Date(t.value,n.value))};return e.createElement("div",{className:"DayPicker-Caption"},e.createElement(_a,null,e.createElement("select",{name:"month",onChange:l,value:t.getMonth()},n.map(((t,a)=>e.createElement("option",{key:t,value:a},t)))),e.createElement("select",{name:"year",onChange:l,value:t.getFullYear()},i.map((t=>e.createElement("option",{key:t,value:t},t))))))};return a((()=>(document.addEventListener("mousedown",C,{passive:!0}),()=>{document.removeEventListener("mousedown",C,!1)})),[]),e.createElement(Oa,{className:d,"data-align-right":i,ref:w,"data-is-static":m||void 0},e.createElement(Nt,{ref:E,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:s&&e.forwardRef(((t,a)=>e.createElement(s,Object.assign({},t)))),onDayPickerHide:()=>{v.current=!1},onDayPickerShow:()=>{v.current=!0},dayPickerProps:{month:f,className:"picker",selectedDays:c,canChangeMonth:!0,enableOutsideDaysClick:!m,firstDayOfWeek:1,captionElement:({date:t,localeUtils:a})=>{const n=null==a?void 0:a.getMonths();return e.createElement($,{date:t,monthLabels:k||n,onChange:x})},disabledDays:p||void 0,modifiers:g},format:r||"yyyy-MM-dd",formatDate:(e,t)=>y(e,t),hideOnDayClick:!m,placeholder:l||"",onDayChange:e=>{var t;t=e,E.current&&!m&&E.current.hideDayPicker(),o&&o(t)},showOverlay:m}))},Ha=Ue.div`
+  display: flex;
+  align-items: center;
+  --font-weight-lg: ${e=>e.theme.sizes.fwBold};
+  --font-weight-md: ${e=>e.theme.sizes.fwRegular};
+  --font-weight-sm: ${e=>e.theme.sizes.fwRegular};
+
+  &[data-icon-position='left'] {
+    & > *:first-child {
+      margin-right: 8px;
+    }
+
+    & > *:last-child {
+      width: calc(100% - 24px);
+    }
+  }
+  &[data-icon-position='right'] {
+    & > *:first-child {
+      width: calc(100% - 24px);
+    }
+    & > *:last-child {
+      margin-left: 8px;
+    }
+  }
+
+  ${q.mbDown} {
+    &[data-size='lg'] {
+      font-size: 16px;
+      line-height: 24px;
+      font-weight: var(--font-weight-lg);
+    }
+    &[data-size='md'] {
+      font-size: 14px;
+      line-height: 22px;
+      font-weight: var(--font-weight-md);
+    }
+    &[data-size='sm'] {
+      font-size: 13px;
+      line-height: 20px;
+      font-weight: var(----font-weight-sm);
+    }
+  }
+`,Ra=({size:t,iconPosition:a,className:n,children:i,icon:l})=>e.createElement(Ha,{className:n,"data-size":t,"data-icon-position":a},"left"===a&&l,i,"right"===a&&l),Ua=Ue.div`
+  position: relative;
+  width: 100%;
+
+  & div[role='slider'] {
+    -webkit-text-size-adjust: none;
+    -webkit-user-select: none;
+    &:focus {
+      outline: none;
+    }
+  }
+`,Wa=Ue.div`
+  position: absolute;
+  top: 19px;
+  width: 24px;
+  height: 24px;
+  color: ${e=>e.theme.colors.white};
+  border: 2px solid ${e=>e.theme.colors.white};
+  border-radius: 50%;
+  transform: translateY(-50%) translateX(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  background-color: ${e=>e.theme.colors.white};
+  color: ${e=>e.theme.colors.gray300};
+  border: 1px solid ${e=>e.theme.colors.gray300};
+
+  &[data-is-active='true'] {
+    background-color: ${e=>e.theme.colors.primaryBase};
+    color: ${e=>e.theme.colors.white};
+    border: none;
+  }
+`,Va=Ue.div`
+  display: flex;
+  width: 100%;
+  height: 36px;
+
+  &[data-track-type='detail'] {
+    margin-top: 0;
+  }
+
+  &[data-track-type='detail'][data-step-passed='true'] > div {
+    border: 1px solid ${e=>e.theme.colors.primaryBase};
+    height: 0px;
+  }
+
+  &[data-track-type='detail'] > div {
+    border: 1px solid ${e=>e.theme.colors.gray200};
+    height: 0px;
+  }
+`,Ga=Ue.div`
+  width: 100%;
+  height: 5px;
+  align-self: center;
+  border-radius: 4px;
+  background-color: ${e=>e.theme.colors.gray200};
+`,Za=Ue.div`
+  position: absolute;
+  top: 32px;
+  min-width: 100px;
+  text-align: center;
+  color: ${e=>e.theme.colors.gray500};
+  font-size: ${e=>e.theme.sizes.fsCaption2};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+
+  &[data-step-passed='true'] {
+    color: ${e=>e.theme.colors.gray800};
+  }
+`,qa=Ue.div`
+  display: flex;
+  align-items: center;
+`,Ya=Ue.div`
+  display: flex;
+  align-items: center;
+  font-size: ${e=>e.theme.sizes.fsCaption2};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+  color: ${e=>e.theme.colors.gray500};
+  cursor: pointer;
+
+  & > svg {
+    height: 10px;
+    width: 10px;
+    margin: 0 14px;
+  }
+
+  & > svg > path {
+    stroke: ${e=>e.theme.colors.gray500};
+  }
+
+  &[data-selected='true'] {
+    color: ${e=>e.theme.colors.primaryBase};
+  }
+`,Xa=Ue.div`
+  position: absolute;
+  left: 0;
+  top: 19px;
+  height: 24px;
+  cursor: pointer;
+
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+
+  padding: 8px;
+  background-color: ${e=>e.theme.colors.white};
+`,Ka=Ue.div`
+  min-width: 24px;
+  height: 24px;
+  border: 2px solid ${e=>e.theme.colors.white};
+  border-radius: 50%;
+  margin-right: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  background-color: ${e=>e.theme.colors.white};
+  color: ${e=>e.theme.colors.gray300};
+  border: 1px solid ${e=>e.theme.colors.gray300};
+
+  &[data-is-active='true'] {
+    border: none;
+    background-color: ${e=>e.theme.colors.primaryBase};
+    color: ${e=>e.theme.colors.white};
+  }
+`,Ja=Ue.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  & > svg {
+    height: 20px;
+    width: 20px;
+    margin-right: 8px;
+
+    & > path {
+      stroke: ${e=>e.theme.colors.gray500};
+    }
+  }
+`,Qa=Ue.div`
+  color: ${e=>e.theme.colors.gray400};
+  font-size: ${e=>e.theme.sizes.fsCaption2};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+  margin-right: 8px;
+  flex: 0 0 auto;
+
+  &[data-step-passed='true'] {
+    color: ${e=>e.theme.colors.gray800};
+  }
+`,en=Ue.div`
+  position: absolute;
+  top: 32px;
+  font-weight: ${e=>e.theme.sizes.fwRegular};
+  color: ${e=>e.theme.colors.gray400};
+  padding-right: 16px;
+`,tn=({type:n,numberOfStep:i,activeStep:l,labelPrefix:r,detailSteps:s,className:c,onChange:d})=>{const[m,p]=t(0),g=t=>{var{trackClassName:a}=t,n=fe(t,["trackClassName"]);return e.createElement(Va,Object.assign({},n,{className:a}),e.createElement(Ga,null))},u=e.createElement(Ua,{className:c+" progress-bar"},e.createElement(g,null),e.createElement((({trackLength:t,activeStep:a,labelPrefix:n="Step",onChange:l})=>e.createElement(e.Fragment,null,Array.from({length:i},((e,t)=>t)).map(((r,o)=>e.createElement(Wa,{"data-is-active":o===a,"data-label":o,style:{left:o*t/(i-1)},onClick:()=>{l&&l(o)},key:o},o+1,e.createElement(Za,{"data-step-passed":o<=a},n+" "+(o+1))))))),{trackLength:m,activeStep:l,labelPrefix:r,onChange:d})),h=e.createElement("svg",{"data-name":"Layer 1",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})),b=e.createElement(qa,null,s&&Array.from({length:s.length},((e,t)=>t)).map(((t,a)=>{var n;return e.createElement(Ya,{key:a,"data-selected":a===l,onClick:()=>{d&&d(a)}},null===(n=s[a])||void 0===n?void 0:n.text," ",a<s.length-1&&h)}))),v=e.createElement(Ua,{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(((i,l)=>e.createElement(Xa,{key:l,style:{left:100/t.length*l+"%",width:100/t.length+"%"},onClick:()=>{n&&n(l)}},t[l].icon?e.createElement(Ja,{onClick:()=>{n&&n(l)}},t[l].icon):e.createElement(Ka,{"data-is-active":l===a,"data-label":i,onClick:()=>{n&&n(l)},key:l},l+1),e.createElement(Qa,{"data-step-passed":l<a+1},t[l].text,e.createElement(en,null,t[l].description)),l<t.length-1&&e.createElement(g,{"data-step-passed":l<a,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:s,onChange:d})),y=o(Ye((()=>{const e=document.querySelector(".progress-bar");e&&p(e.offsetWidth)}),1e3),[]);return a((()=>{const e=document.querySelector(".progress-bar");return p(null==e?void 0:e.offsetWidth),window.addEventListener("resize",y,{passive:!0}),()=>{window.removeEventListener("resize",y)}}),[]),"step-track"===n&&u||"breadcrumb"===n&&b||"detail-track"===n&&v},an=e.forwardRef((({id:a,value:n,options:i,className:l,isDisabled:r,size:o="small",direction:c="vertical",onChange:d,dataEventCategory:m,dataEventAction:p,dataEventLabel:g},u)=>{const[h,b]=t(n);s(u,(()=>({reset(){b(n)}})));const v="small"===o?"md":"lg",y="vertical"===c?$e:Be;return e.createElement(X.Group,{name:a,className:l,size:v,value:String(h),defaultValue:n,onChange:e=>{b(e),null==d||d(e)}},e.createElement(y,{spacing:"xl"},i.map((t=>e.createElement(X,{key:t.value,value:t.value,label:t.label,disabled:r,"data-event-category":m,"data-event-action":p,"data-event-label":g})))))})),nn=Ue.div`
+  --menu-width: 240px;
+  --menu-spacing: 28px 16px;
+  width: var(--menu-width);
+  height: 100vh;
+  padding: var(--menu-spacing);
+  background-color: ${e=>e.theme.colors.neutral50};
+  transition: ease-in-out 0.5s;
+
+  &[data-is-collapsed] {
+    --menu-width: 64px;
+    --menu-spacing: 28px 8px;
+  }
+`,ln=Ue.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+
+  svg {
+    transition: 0.4s ease-in-out;
+  }
+`,rn=Ue.div`
+  cursor: pointer;
+  &[data-is-collapsed] {
+    transform: rotate(180deg);
+  }
+`,on=Ue.figure`
+  display: flex;
+
+  > img,
+  svg,
+  picture {
+    width: 40px;
+    height: 40px;
+    margin-right: 1rem;
+    border-radius: 6px;
+    object-fit: cover;
+  }
+
+  > figcaption {
+    p + p {
+      margin-top: 2px;
+    }
+  }
+`,sn=({name:t,description:a,image:n,isDescriptionHidden:i})=>e.createElement(on,null,n,!i&&e.createElement("figcaption",null,e.createElement(p,{size:"p4",weight:"bold"},t),e.createElement(p,{size:"p4"},a))),cn=Ue.div`
+  display: flex;
+  align-items: center;
+  margin-top: 24px;
+  margin-bottom: 36px;
+
+  figcaption {
+    white-space: nowrap;
+  }
+
+  &[data-is-collapsed='true'] {
+    img {
+      max-width: 2rem;
+      max-height: 2rem;
+    }
+  }
+`,dn=Ue.div`
+  display: flex;
+  align-items: center;
+  padding: 9px 21px;
+  margin-bottom: 4px;
+  border-radius: 6px;
+
+  &:not([data-is-link-active]) {
+    cursor: pointer;
+  }
+
+  p {
+    margin-left: 12px;
+  }
+
+  &[data-is-link-active] {
+    background: ${e=>e.theme.colors.primaryBase};
+  }
+
+  &[data-is-link-collapsed] {
+    justify-content: center;
+    margin-right: -14px;
+    margin-left: -14px;
+  }
+`;var mn=Object.freeze({__proto__:null,SideMenu:({isCollapsed:t,className:a,style:n,children:i})=>e.createElement(nn,{style:n,className:a,"data-is-collapsed":t||void 0},i),SideHeader:({isCollapsed:t,defaultLogo:a,onBackClick:n,customIcon:i})=>e.createElement(ln,null,e.createElement(Xe,{type:t?"logomark":a||"hellocare",customSize:{width:t?"24px":"77px",height:"24px"}}),e.createElement(rn,{"data-is-collapsed":t||void 0,onClick:n},i||e.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 20 20",width:"20px",height:"20px"},e.createElement("path",{d:"M10 .75A9.25 9.25 0 1019.25 10 9.25 9.25 0 0010 .75z",fill:"none",stroke:"#d2d6dc",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),e.createElement("path",{d:"M11.44 6.53L8 10l3.48 3.47",fill:"none",stroke:"#737373",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})))),UserInfo:({isCollapsed:t,userName:a,role:n,avatar:i})=>e.createElement(cn,{"data-is-collapsed":t||void 0},e.createElement(sn,{image:i,name:a,description:n,isDescriptionHidden:t})),MenuLink:({icon:t,isActive:a,children:n,isCollapsed:i,activeIcon:l,onLinkClick:r,textSize:o="base",textType:s="bold",textColorActive:c="#fff",textColor:d="#595959"})=>e.createElement(dn,{"data-is-link-active":a||void 0,onClick:r,"data-is-link-collapsed":i||void 0},a&&l?l:t,!i&&e.createElement(p,{size:o,weight:s,color:a?c:d},n))});const pn=Ue.div`
+  position: relative;
+  width: 100%;
+  > .container {
+    display: flex;
+    width: 100%;
+    -ms-overflow-style: none;
+    overflow-x: auto;
+    scrollbar-width: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    .section {
+      display: flex;
+      width: 100%;
+      flex-direction: column;
+      flex-shrink: 0;
+      margin: auto;
+
+      > .grid-layout {
+        display: grid;
+        width: 100%;
+        grid-row-gap: 8px;
+
+        > .item-grid {
+          width: 100%;
+
+          > * {
+            margin: 0 auto;
+          }
+        }
+      }
+
+      .progress-bar {
+        display: grid;
+        height: 15px;
+        margin-bottom: 10px;
+
+        .items-progress {
+          position: relative;
+          display: flex;
+          width: 100%;
+          align-items: center;
+          justify-content: center;
+
+          .icon-status {
+            position: absolute;
+            display: flex;
+          }
+
+          .line {
+            width: 50%;
+            height: 2px;
+            background-color: ${e=>e.theme.colors.gray600};
+          }
+        }
+      }
+    }
+  }
+
+  .bullet-nav {
+    position: absolute;
+    z-index: ${e=>e.theme.zIndexes.belowHeader};
+    bottom: -30px;
+    left: 50%;
+    display: flex;
+    transform: translate(-50%, -50%);
+  }
+
+  .bullet-nav__link {
+    display: block;
+    width: 8px;
+    height: 8px;
+    padding: 0;
+    margin-right: 8px;
+    backface-visibility: hidden;
+    background-color: #e4e8ec;
+    border-radius: 50%;
+    cursor: pointer;
+    transition: all 0.3s;
+  }
+
+  .bullet-nav__link.active[data-scheme='hellosites'] {
+    background-color: ${e=>e.theme.colors.primary600};
+  }
+
+  .bullet-nav__link.active[data-scheme='marrybaby'] {
+    background-color: ${e=>e.theme.mbColors.pink};
+  }
+
+  .arrow-left {
+    position: absolute;
+    z-index: 10;
+    top: 50%;
+    left: -35px;
+    transform: translateY(-50%);
+    &[data-event-category] > * {
+      pointer-events: none;
+    }
+  }
+
+  .arrow-right {
+    position: absolute;
+    z-index: 10;
+    top: 50%;
+    right: -35px;
+    transform: translateY(-50%);
+    &[data-event-category] > * {
+      pointer-events: none;
+    }
+  }
+
+  .image-gallery-wrapper {
+    display: flex;
+    position: relative;
+    margin-top: 16px;
+    justify-content: center;
+    gap: 16px;
+    .image-block {
+      display: block;
+      width: 100%;
+      border: 2px solid transparent;
+      border-radius: 4px;
+    }
+    .image-block.active {
+      border-color: ${e=>e.theme.colors.primaryBase};
+    }
+    img {
+      height: 40px;
+      width: auto;
+      max-width: 100%;
+    }
+  }
+`,gn=({status:t})=>"inActive"===t?e.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none"},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"},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"},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"},e.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})),un=({row:i=2,column:l=3,isDotsShown:r=!0,isImageGalleryShown:o=!1,mode:s="infinity",type:c="separated",distanceOverlappedLeft:d={amount:0,unit:"pixel"},children:m,className:p,isProgressShown:g=!1,statusChildren:u,isArrowShown:h=!1,classNameLeftArrow:b,classNameRightArrow:v,dataEventCategory:y,dataEventAction:f,dataEventLabel:x,onChangePage:w,page:E,customPageWidth:k,scheme:C="hellosites",arrowType:N="Discover"})=>{const B="number"==typeof E,[D,$]=t(B?E:0),P=[];e.Children.map(m,((t,a)=>{a%(i*l)==0&&P.push([]),P[P.length-1].push(e.cloneElement(t))}));const z=n(),S=n(0),L=e=>{if(!z.current)return;const{clientWidth:t}=z.current,a=k||t,n="intertwined"===c?"percentage"===d.unit?e*a+d.amount/100*a*e:e*a+d.amount*a*e:e*a;z.current.scrollTo({top:0,left:n,behavior:"smooth"}),S.current=e,$(e),w&&w(e)};a((()=>{"number"==typeof E&&(e=>{if(!z.current)return;const{clientWidth:t}=z.current,a=k||t,n="intertwined"===c?"percentage"===d.unit?e*a+d.amount/100*a*e:e*a+d.amount*a*e:e*a;z.current.scrollTo({top:0,left:n,behavior:"smooth"}),S.current=e,$(e)})(E)}),[E]);const M=e=>{if(!z.current)return;const{clientWidth:t}=z.current,a=k||t;let n;n=0===D?0:D*a,"forward"===e&&(n===a*(P.length-1)?($(P.length-1),n=a*(P.length-1),w&&w(P.length-1)):($(D+1),n+=a,w&&w(D+1)),z.current.scrollTo({top:0,left:n,behavior:"smooth"})),"back"===e&&(0===n?($(0),w&&w(0),n=0):($(D-1),w&&w(D-1),n-=a),z.current.scrollTo({top:0,left:n,behavior:"smooth"}))},T=Ye((()=>{if("infinity"===s){if(!z.current)return;const{clientWidth:e,scrollLeft:t}=z.current,a=k||e,n=Math.floor(t/a);$(n),w&&w(n)}}),400);return a((()=>{if("snapped"===s){let e,t,a,n,i,l,r=!1;const o=z.current,s=(l,s)=>{r=!0,a=!1,n=!1,e=l-o.offsetLeft,t=s-o.offsetTop,i=o.scrollLeft},m=e=>{s(e.pageX,e.pageY)},p=e=>{s(e.touches[0].pageX,e.touches[0].pageY)},g=()=>{if(r=!1,a=!1,n=!1,!z.current)return;const{clientWidth:e}=z.current,t=k||e,i="ltr"===l?0!==S.current?S.current-1:S.current:"rtl"===l&&S.current<P.length-1?S.current+1:S.current,o="intertwined"===c?"percentage"===d.unit?i*t+d.amount/100*t*i:i*t+d.amount*t*i:i*t;z.current.scrollTo({top:0,left:o,behavior:"smooth"}),l="none",S.current!==i&&(S.current=i,$(i),w&&w(i))},u=(s,c)=>{if(!r)return;const d=s-o.offsetLeft,m=c-o.offsetTop,p=d-e,g=m-t;a||n||!(g>20||g<-20)||(a=!0),!a&&(p>20||p<-20)&&(n=!0,o.scrollLeft=i-p,p>0&&(l="ltr"),p<0&&(l="rtl"),0===p&&(l="none"))},h=e=>{n&&e.preventDefault(),u(e.pageX,e.pageY)},b=e=>{n&&e.preventDefault(),u(e.touches[0].pageX,e.touches[0].pageY)};return null==o||o.addEventListener("mousedown",m,{passive:!0}),null==o||o.addEventListener("touchstart",p,{passive:!0}),window.addEventListener("mouseup",g,{passive:!0}),window.addEventListener("touchend",g,{passive:!0}),null==o||o.addEventListener("mousemove",h,{passive:!0}),null==o||o.addEventListener("touchmove",b,{passive:!0}),()=>{null==o||o.removeEventListener("mousedown",m),null==o||o.removeEventListener("touchstart",p),window.removeEventListener("mouseup",g),window.removeEventListener("touchend",g),null==o||o.removeEventListener("mousemove",h),null==o||o.removeEventListener("touchmove",b)}}}),[]),e.createElement(pn,{className:p,"data-row":i,onScroll:T},h&&D>0&&e.createElement("div",{className:`${b} arrow-left`,onClick:()=>M("back"),"data-event-category":y,"data-event-action":f,"data-event-label":x},"Care"===N?e.createElement("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"},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"===C?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===C?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===C?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),e.createElement("div",{ref:z,className:"container",style:{overflowX:"snapped"===s||h?"hidden":"scroll"}},P.map(((t,a)=>{let n=0;for(let e=0;e<a;e++)n+=P[e].length;return e.createElement("div",{key:a,className:"section",style:{marginLeft:"intertwined"===c&&0!==a?d.amount+""+("percentage"===d.unit?"%":"px"):"0px"}},1===i&&g&&e.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${l}, 1fr)`}},t.map(((i,l)=>{const r=n+l,o=u.find((e=>e.index===r));return e.createElement("div",{className:"items-progress",key:l},0===l&&0===a?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}),e.createElement("div",{className:"icon-status"},e.createElement(gn,{status:null==o?void 0:o.status})),a===P.length-1&&l===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(${l}, 1fr)`,gridTemplateRows:`repeat(${i}, 1fr)`}},t.map(((t,a)=>e.createElement(e.Fragment,{key:a},e.createElement("div",{className:"item-grid",key:a},t))))))}))),h&&D<P.length-1&&e.createElement("div",{className:`${v} arrow-right`,onClick:()=>M("forward"),"data-event-category":y,"data-event-action":f,"data-event-label":x}," ","Care"===N?e.createElement("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"},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"===C?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===C?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===C?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),r&&e.createElement("ul",{className:"bullet-nav"},P.map(((t,a)=>e.createElement("li",{key:a,className:"bullet-nav__item "},e.createElement("p",{onClick:()=>L(a),className:`bullet-nav__link scroll ${D==a?"active":null}`,"data-scheme":C}))))),o&&e.createElement("div",{className:"image-gallery-wrapper","data-test":P.length},P.slice(0,3).map(((t,a)=>e.createElement("div",{className:`image-block ${D==a?"active":null}`,key:a,onClick:()=>L(a),"data-scheme":C},t)))))},hn=Ue.div`
+  border-radius: ${e=>e.theme.borderRadius};
+  ${e=>e["data-is-in-card"]&&`\n  padding: 12px; \n  background-color: ${e["data-card-color"]};`}
+`,bn=Ue.div`
+  width: 13px;
+  height: 13px;
+  margin-right: 10px;
+  background-color: ${e=>e["data-color"]};
+  border-radius: 50%;
+`,vn=Ue.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.gray800};
+  font-size: ${e=>e.theme.sizes.fsParagraph4};
+  font-weight: ${e=>e.theme.sizes.fwRegular};
+`,yn=Ue.div`
+  display: flex;
+  align-items: center;
+  margin-top: 4px;
+  color: ${e=>e.theme.colors.gray800};
+  font-size: ${e=>e.theme.sizes.fsHeading2};
+  font-weight: ${e=>e.theme.sizes.fwSemiBold};
+
+  & > svg {
+    width: 24px;
+    height: 24px;
+    margin-right: 12px;
+  }
+
+  &[data-size='small'] {
+    margin-left: 23px;
+    font-size: ${e=>e.theme.sizes.fsParagraph4};
+    font-weight: ${e=>e.theme.sizes.fwBold};
+  }
+`,fn=({type:t,description:a,value:n,withIcon:i,isInACard:l,cardColor:r,className:o})=>e.createElement(hn,{className:o,"data-size":t,"data-is-in-card":"big"===t&&l,"data-card-color":r},e.createElement(vn,null,"small"===t&&e.createElement(bn,{"data-color":r}),a),e.createElement(yn,{"data-size":t},"small"!==t&&i,n)),xn=Ue.table`
+  --horizontal-spacing: ${e=>e.theme.horizontalPadding||"19px"};
+  --vertical-spacing: ${e=>e.theme.verticalPadding||"26px"};
+  width: 100%;
+  position: relative;
+`,wn=Ue.td`
+  padding: var(--vertical-spacing) var(--horizontal-spacing);
+  vertical-align: middle;
+
+  &[data-text-align='left'] {
+    text-align: left;
+  }
+  &[data-text-align='right'] {
+    text-align: right;
+  }
+  &[data-text-align='center'] {
+    text-align: center;
+  }
+`,En=Ue.tr`
+  border-bottom: 1px solid ${e=>e.theme.colors.gray100};
+
+  &[data-is-active='true'] {
+    background-color: ${e=>e.theme.colors.gray200};
+  }
+`,kn=({children:t,className:a,style:n,isActive:i,onRowClicked:l,rowId:r})=>e.createElement(En,{className:a,"data-is-active":i,style:n,onClick:()=>{l&&l(r)}},t),Cn=Ue.thead`
+  th {
+    padding: var(--vertical-spacing) var(--horizontal-spacing);
+    text-align: left;
+
+    color: ${e=>e.theme.colors.gray500};
+    font-weight: ${e=>e.theme.sizes.fwBold};
+  }
+  &[data-is-sticky] {
+    th {
+      position: sticky;
+      top: 0;
+      background: white;
+      border-bottom: 2px solid
+        ${e=>e.theme.colors.gray200};
+    }
+  }
+`,Nn=Ue.tbody`
+  position: relative;
+  &[data-is-striped] {
+    > tr:nth-child(odd) {
+      background-color: ${e=>e.theme.colors.neutral50};
+    }
+  }
+  &[data-is-hoverable] {
+    > tr:hover {
+      background-color: ${e=>e.theme.colors.neutral100};
+    }
+  }
+`;var Bn=Object.freeze({__proto__:null,Table:({children:t,className:a,style:n,horizontalPadding:i,verticalPadding:l})=>e.createElement(xn,{className:a,style:n,theme:{horizontalPadding:i,verticalPadding:l}},t),Cell:({children:t,className:a,style:n,textAlign:i,isTableHead:l})=>e.createElement(wn,{className:a,style:n,"data-text-align":i||"left",as:l?"th":"td"},t),Head:({isSticky:t,children:a,className:n,style:i})=>e.createElement(Cn,{className:n,"data-is-sticky":t||void 0,style:i},e.createElement(kn,null,a)),Row:kn,Body:({children:t,className:a,style:n,isHoverable:i,isStriped:l})=>e.createElement(Nn,{className:a,style:n,"data-is-striped":l||void 0,"data-is-hoverable":i||void 0},t)}),Dn=De((e=>{const t=Pe("itemLabel");return{root:{display:"inline-flex",maxWidth:"100%",borderBottom:`1px solid ${e.colors.neutral[1]}`,"-webkit-overflow-scrolling":"touch",overflowX:"auto",overflowY:"hidden","-ms-overflow-style":"none","scrollbar-width":"none","&::-webkit-scrollbar":{display:"none"},columnGap:e.spacing.lg},item:{display:"flex",alignItems:"center",paddingBottom:"4px","&:hover":{cursor:"pointer"},"&.active":{color:e.fn.primaryColor(),borderBottom:`3px solid ${e.fn.primaryColor()}`,bottom:"-1px",position:"relative",[`& .${t}`]:{}},"&[data-event-category] > *":{pointerEvents:"none"}},itemInner:{display:"flex",alignItems:"center"},label:{ref:t},icon:{marginRight:e.spacing.xs}}}));const $n=({style:n,initialTab:i,tabContent:l,onChange:r,className:o,dataEventCategory:s,dataEventAction:c,dataEventLabel:d,id:m,styles:g})=>{const{classes:u,cx:h,theme:b}=Dn(void 0,{name:"Tabs",styles:g}),[v,y]=t(i||0);return a((()=>{y(i)}),[i]),e.createElement("ul",{style:n,className:h(u.root,o),role:"tablist",id:m},l.map(((t,a)=>e.createElement("li",{className:`${u.item} ${v===a?"active":""} ${t.className}`,"aria-selected":v===a,role:"tab",onClick:()=>{y(a),r&&r(a)},onKeyDown:e=>{"Enter"===e.key&&(y(a),r&&r(a))},key:a,"data-event-category":t.dataEventCategory||s,"data-event-action":t.dataEventAction||c,"data-event-label":t.dataEventLabel||d,tabIndex:0,"data-testid":t.dataTestid},e.createElement("div",{className:u.itemInner},t.icon&&e.createElement("div",{className:u.icon},t.icon),e.createElement(p,{className:u.label,size:t.textSize||"sm",weight:t.textType||"bold",color:v===a?b.fn.primaryColor():t.textColor||b.colors.gray[4],dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name))))))},Pn=Ue.div`
+  padding: 1rem;
+  background: ${e=>e.theme.colors.neutral100};
+  .survey-inner-wrapper {
+    padding: 1.25rem 1rem 1.5rem;
+    background: ${e=>e.theme.colors.white};
+    border-radius: ${e=>e.theme.borderRadius};
+    .survey-header {
+      border-bottom: 1px solid #dbdfe5;
+      margin-bottom: 12px;
+      .survey-header-text {
+        color: ${e=>e.theme.colors.gray500};
+      }
+    }
+
+    .survey-contact-submit {
+      width: 100%;
+      margin-bottom: 1.5rem;
+    }
+    .term-policy-container {
+      width: 70%;
+      min-width: 210px;
+      max-width: 100%;
+      margin: 0 auto 1.5rem;
+      text-align: center;
+    }
+
+    .survey-progress-wrapper {
+      width: calc(100% + 2rem);
+      height: 4px;
+      margin-bottom: 1rem;
+      margin-left: -1rem;
+      background: #e4e8ec;
+      .survey-progress {
+        width: 100%;
+        height: 100%;
+        background: #00b16a;
+        transform: scaleX(0);
+        transform-origin: left;
+        transition: transform ease-in-out 0.3s;
+      }
+    }
+
+    .survey-button-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      button {
+        justify-content: center;
+        &[data-has-icon='true'] {
+          svg {
+            width: 10px;
+            height: 10px;
+            margin-right: 10px;
+            vertical-align: unset;
+          }
+        }
+        &.survey-next-button {
+          &[data-has-icon='true'] {
+            svg {
+              margin-right: 0;
+              margin-left: 10px;
+            }
+          }
+        }
+      }
+      &[data-center='true'] {
+        justify-content: center;
+        button:only-child {
+          width: 200px;
+          max-width: 80%;
+        }
+      }
+      .survey-prev-button {
+        margin-right: 0.5rem;
+      }
+    }
+  }
+`,zn=Ue.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+
+  input {
+    position: relative;
+    width: 20px;
+    height: 20px;
+    flex-shrink: 0;
+    border: solid 1px ${e=>e.theme.colors.gray500};
+    margin-right: 8px;
+    border-radius: 100%;
+    cursor: inherit;
+    transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;
+
+    &:hover,
+    &:active {
+      border-color: ${e=>e.theme.colors.primaryBase};
+      box-shadow: 0 0 2px 2px
+        ${e=>e.theme.colors.primary600};
+    }
+
+    &:checked {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-color: ${e=>e.theme.colors.primaryBase};
+      &:after {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 14px;
+        height: 14px;
+        //left: 3px;
+        //position: absolute;
+        //top: 4px;
+        background-color: ${e=>e.theme.colors.primaryBase};
+        border-radius: 50%;
+        content: '';
+        transform: translate(-50%, -50%);
+      }
+    }
+  }
+
+  label {
+    width: calc(100% - 24px);
+    cursor: inherit;
+    font-weight: ${e=>e.theme.sizes.fwRegular};
+  }
+
+  &[data-disabled='true'] {
+    color: ${e=>e.theme.colors.gray300};
+    cursor: not-allowed;
+    input {
+      border-color: ${e=>e.theme.colors.gray300};
+
+      &:hover {
+        border-color: ${e=>e.theme.colors.gray300};
+        box-shadow: none;
+      }
+    }
+  }
+
+  padding: 16px 20px;
+  border: 0.5px solid transparent;
+  background: #fafafa;
+  border-radius: ${e=>e.theme.borderRadius};
+  &[data-checked='true'] {
+    border: 0.5px solid #2d87f3;
+    background: #f7f9fc;
+  }
+  input {
+    border: solid 2px #737373;
+    margin-right: 0;
+    background: white;
+    &[type='checkbox'] {
+      &:checked {
+        border: 0;
+        background: ${e=>e.theme.colors.primaryBase}
+          url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' fill='%232D87F3' stroke='%232D87F3' stroke-width='2'/%3E%3Cpath d='M15.5714 8L9.67857 14L7 11.2727' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
+          no-repeat center center;
+        &:after {
+          display: none;
+        }
+      }
+    }
+  }
+
+  &[data-has-image='true'] {
+    position: relative;
+    display: block;
+    padding: 12px;
+    input {
+      position: absolute;
+      top: 20px;
+      right: 20px;
+    }
+    .choice-image-wrapper {
+      position: relative;
+      padding-top: 56.25%;
+      margin-bottom: 0.75rem;
+      img {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: ${e=>e.theme.borderRadius};
+        object-fit: cover;
+      }
+    }
+  }
+`,Sn=Ue.div`
+  position: relative;
+  width: 100%;
+  padding-top: min(400px, 100%);
+  .survey-thankyou-wrapper-inner {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    .survey-thankyou-icon {
+      width: 36%;
+      max-height: 50%;
+      margin-bottom: 1.5rem;
+    }
+    .survey-thankyou-title {
+      margin-bottom: 1rem;
+      text-align: center;
+    }
+    .survey-thankyou-subtitle {
+      text-align: center;
+      > * {
+        text-align: center;
+      }
+    }
+  }
+`,Ln=Ue.div`
+  .survey-question-text-wrapper {
+    margin-bottom: 24px;
+    .survey-question-title {
+      margin-bottom: 4px;
+    }
+    .survey-question-subtitle,
+    .survey-question-description {
+      color: ${e=>e.theme.colors.gray500};
+    }
+  }
+  .survey-question-image {
+    width: 100%;
+    margin-bottom: 12px;
+    border-radius: ${e=>e.theme.borderRadius};
+  }
+
+  .survey-question-answer-wrapper {
+    margin-bottom: 1.5rem;
+    .survey-question-options-wrapper {
+      display: grid;
+      grid-gap: 0.5rem;
+      grid-template-columns: 1fr;
+      &[data-has-image='true'] {
+        grid-gap: 0.8rem;
+        grid-template-columns: 1fr 1fr;
+      }
+      .survey-question-option-item {
+        label {
+          color: #262626;
+          font-size: 16px;
+          font-style: normal;
+          font-weight: normal;
+          line-height: 24px;
+        }
+      }
+    }
+    .survey-contact-input {
+      margin-bottom: 1rem;
+      &:first-child {
+        margin-top: 1rem;
+      }
+      label {
+        font-weight: 700;
+      }
+      input {
+        margin-top: 6px;
+      }
+    }
+  }
+`,Mn=({size:t="small",label:a,name:n,checked:i,value:l,className:r,isDisabled:o=!1,onChange:s,hasImage:c,inputType:d,image:m})=>e.createElement(zn,{"data-disabled":o,className:r,"data-size":t,"data-checked":i,onClick:()=>{s(l)},"data-has-image":c},c&&e.createElement("div",{className:"choice-image-wrapper"},m&&e.createElement("img",{src:m,loading:"lazy"})),e.createElement("label",{onClick:e=>{e.preventDefault()},htmlFor:`${n}-${l}`},a),e.createElement("input",{type:d,checked:i,name:n,id:`${n}-${l}`,value:l,readOnly:!0})),Tn=({question:n,description:i,onOptionsChange:l,onTextOptionsChange:r,style:o,className:s})=>{const{type:c,title:d,subtitle:m,image:g,textOptions:u,options:h,name:b,is_multi_select:v}=n,y=!!(null==h?void 0:h.some((e=>e.image))),[f,x]=t([]),[w,E]=t((()=>(null==u?void 0:u.slice())||[]));return a((()=>{l&&l(f.slice())}),[!!l,f]),a((()=>{r&&r(w)}),[!!r,w]),e.createElement(Ln,{className:s,style:o},e.createElement("div",{className:"survey-question-text-wrapper"},d&&e.createElement(M,{"data-nosubtitle":!m,className:"survey-question-title",tag:"h4"},d),m&&e.createElement(p,{className:"survey-question-subtitle",size:"p2"},m),i&&e.createElement(p,{className:"survey-question-description",size:"p2"},i)),g&&e.createElement("img",{src:g,className:"survey-question-image",loading:"lazy"}),e.createElement("div",{className:"survey-question-answer-wrapper"},"radio"===c&&e.createElement("div",{"data-has-image":y,className:"survey-question-options-wrapper"},h.map((t=>{var a;return e.createElement(Mn,{inputType:"radio",label:t.label,name:b,key:`${b}-${t.value}`,checked:(null===(a=f[0])||void 0===a?void 0:a.value)===t.value,value:t.value,onChange:e=>{x([h.find((t=>t.value===e))])},className:"survey-question-option-item",image:t.image,hasImage:y})}))),"checkbox"===c&&e.createElement("div",{"data-has-image":y,className:"survey-question-options-wrapper"},h.map((t=>e.createElement(Mn,{inputType:"checkbox",label:t.label,name:b,key:`${b}-${t.value}`,checked:!!f.find((e=>e.value===t.value)),value:t.value,onChange:()=>{const e=f.findIndex((e=>e.value===t.value));x(e>=0?t=>(t.splice(e,1),t.slice()):v?e=>e.concat(t).slice():[t])},className:"survey-question-option-item survey-option-radio",image:t.image,hasImage:y})))),"textbox"===c&&w.map(((t,a)=>t.isTextArea?e.createElement(T,{key:a,placeholder:t.placeholder,height:"150px",value:t.value,onChange:e=>E((t=>(t[a].value=e,t.slice())))}):e.createElement(Je,{key:a,value:t.value,name:t.name,size:"md",className:"survey-contact-input",label:t.label,placeholder:t.placeholder,onChange:e=>{E((t=>(t[a].value=e,t.slice())))},type:t.type})))))};var In;!function(e){e[e.UNLIMITED=0]="UNLIMITED",e[e.EXACT_NUMBER=1]="EXACT_NUMBER",e[e.RANGE=2]="RANGE"}(In||(In={}));const An=({className:a,headerText:i,style:l,question:r,termAndPolicyText:o,prevText:s,nextText:c,isContactForm:d,isDisableNext:m,isDisablePrev:g,onPrevClick:u,onNextClick:h,isSubmitButton:b,isButtonCenter:v,progress:y,descriptionText:f})=>{var x,w,E;const[k,C]=t([]),{is_multi_select:N,multi_select_option:B,from:D,to:$}=r,P=null==r?void 0:r.type,z="checkbox"===P&&(null===(x=r.options)||void 0===x?void 0:x.length)&&(!k||0===k.length||N&&B===In.RANGE&&(k.length<D||k.length>$)||N&&B===In.EXACT_NUMBER&&k.length!==D)||"radio"===P&&(null===(w=r.options)||void 0===w?void 0:w.length)&&(!k||0===k.length)||"textbox"===P&&(null===(E=r.textOptions)||void 0===E?void 0:E.length)&&(k.length<r.textOptions.length||k.some((e=>!e.value))),S="number"==typeof y?y>1?1:y<0?0:Number(y.toFixed(2)):-1,L=n(null),M=()=>"textbox"!==P||L.current.reportValidity();return e.createElement(Pn,{className:a,style:l},e.createElement("div",{className:"survey-inner-wrapper"},i&&e.createElement("div",{className:"survey-header"},e.createElement(p,{className:"survey-header-text",size:"c2"},i)),e.createElement("form",{ref:L,onSubmit:e=>e.preventDefault()},e.createElement(Tn,{question:r,description:f,onOptionsChange:e=>{C(e)},onTextOptionsChange:e=>{C(e)}})),d&&c&&e.createElement(Ke,{className:"survey-contact-submit",size:"lg",isDisabled:m||z,onClick:()=>M()&&h&&h(k)},c),o&&e.createElement("div",{className:"term-policy-container"},o),"number"==typeof y&&e.createElement("div",{className:"survey-progress-wrapper"},e.createElement("div",{className:"survey-progress",style:{transform:`scaleX(${S})`}})),(s||c)&&e.createElement("div",{"data-center":v,className:"survey-button-wrapper"},s&&e.createElement(Ke,{className:"survey-prev-button",size:"lg",color:g?"primary":"secondary",isDisabled:g,icon:e.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},e.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:g?"#fff":"#2D87F3"})),onClick:u},s),!d&&c&&e.createElement(Ke,{onClick:()=>M()&&h&&h(k),className:"survey-next-button",size:"lg",isDisabled:m||z},c," ",b?void 0:e.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},e.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},jn=({thankyou:t,thankyouSubtitle:a,className:n,style:i})=>e.createElement(Pn,{className:n,style:i},e.createElement("div",{className:"survey-inner-wrapper"},e.createElement(Sn,null,e.createElement("div",{className:"survey-thankyou-wrapper-inner"},e.createElement("svg",{viewBox:"0 0 122 122",fill:"none",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:ye.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(M,{className:"survey-thankyou-title",tag:"h3"},t),a&&e.createElement(p,{className:"survey-thankyou-subtitle",size:"p3"},a))))),On=200,_n=Ue.div``,Fn=Ue.div`
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+  opacity: 0.83;
+  transition: display ${On}ms linear;
+
+  [data-floatmenu-open='true'] & {
+    animation: showBackgroundPanel ${On}ms linear 0s normal forwards;
+  }
+
+  [data-floatmenu-open='false'] & {
+    animation: hideBackgroundPanel ${On}ms linear 0s normal forwards;
+  }
+
+  @keyframes showBackgroundPanel {
+    0% {
+      opacity: 0;
+      width: 100vw;
+      height: 100vh;
+    }
+    100% {
+      opacity: 0.83;
+    }
+  }
+
+  @keyframes hideBackgroundPanel {
+    0% {
+      width: 100vw;
+      height: 100vh;
+    }
+    99% {
+      width: 100vw;
+      height: 100vh;
+    }
+    100% {
+      opacity: 0;
+      width: 0;
+      height: 0;
+    }
+  }
+`,Hn=Ue.div`
+  position: fixed;
+  right: 16px;
+  bottom: 40px;
+`,Rn=Ue.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  transition: all ${On}ms ease-in-out;
+  position: fixed;
+  bottom: 112px;
+  right: 16px;
+
+  // scale
+  [data-animation-type='scale'] & {
+    transform-origin: 100% 100%;
+  }
+
+  [data-animation-type='scale'][data-floatmenu-open='true'] & {
+    transform: scale(1);
+  }
+
+  [data-animation-type='scale'][data-floatmenu-open='false'] & {
+    transform: scale(0);
+    bottom: 46px;
+    right: 36px;
+  }
+`,Un=Ue.div`
+  border-radius: 50%;
+  width: 56px;
+  height: 56px;
+  position: relative;
+  cursor: pointer;
+  margin-left: auto;
+  transition: all 0.1s linear;
+  -webkit-tap-highlight-color: transparent;
+  [data-site-type='hb'] & {
+    background-color: ${e=>e.theme.colors.primaryBase||e.theme.colors.primary};
+    &:hover {
+      background-color: ${e=>{var t,a;return e.theme.colors.primaryHover||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.blue_700)}};
+    }
+  }
+  [data-site-type='mb'] & {
+    background-color: #2d87f3;
+    &:hover {
+      background-color: #2c74df;
+    }
+  }
+
+  &:before {
+    content: '';
+    width: 2px;
+    height: 20px;
+    background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+    border-radius: 2px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  &:after {
+    content: '';
+    width: 20px;
+    height: 2px;
+    background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+    border-radius: 2px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  [data-floatmenu-open='true'] &:before,
+  [data-floatmenu-open='true'] &:after {
+    animation: toX ${On}ms linear 0s normal forwards;
+  }
+
+  [data-floatmenu-open='false'] &:before,
+  [data-floatmenu-open='false'] &:after {
+    animation: toPlus ${On}ms linear 0s normal forwards;
+  }
+
+  @keyframes toX {
+    0% {
+      transform: translate(-50%, -50%) rotateZ(0deg);
+    }
+    49% {
+      transform: translate(-50%, -50%) rotateZ(0deg);
+    }
+    50% {
+      width: 2px;
+      height: 2px;
+      transform: translate(-50%, -50%) rotateZ(45deg);
+    }
+    100% {
+      transform: translate(-50%, -50%) rotateZ(45deg);
+    }
+  }
+
+  @keyframes toPlus {
+    0% {
+      transform: translate(-50%, -50%) rotateZ(45deg);
+    }
+    49% {
+      transform: translate(-50%, -50%) rotateZ(45deg);
+    }
+    50% {
+      width: 2px;
+      height: 2px;
+      transform: translate(-50%, -50%) rotateZ(0deg);
+    }
+    100% {
+      transform: translate(-50%, -50%) rotateZ(0deg);
+    }
+  }
+`,Wn=Ue.div`
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  justify-content: flex-end;
+
+  width: fit-content;
+  margin-left: auto;
+
+  [data-floatmenu-open='true'] {
+    cursor: pointer;
+  }
+  [data-floatmenu-open='false'] {
+    pointer-events: none;
+  }
+
+  [data-animation-type='zoom'] &,
+  [data-animation-type='slide'] & {
+    position: absolute;
+    right: 0;
+    width: max-content;
+  }
+  // slide
+  [data-animation-type='slide'] & {
+    transition: all ${On}ms ease-in;
+  }
+
+  [data-animation-type='slide'][data-floatmenu-open='true'] & {
+    animation: showItem ${On}ms;
+  }
+  [data-animation-type='slide'][data-floatmenu-open='false'] & {
+    bottom: -64px !important;
+    animation: hideItemOnZoom ${250}ms normal forwards;
+  }
+
+  // zoom
+  [data-animation-type='zoom'][data-floatmenu-open='false'] & {
+    animation: hideItemOnZoom ${250}ms normal forwards;
+  }
+
+  @keyframes showItem {
+    0% {
+      opacity: 0;
+    }
+
+    100% {
+      opacity: 1;
+    }
+  }
+
+  @keyframes hideItemOnZoom {
+    0% {
+      transform: translateX(0);
+      opacity: 1;
+    }
+
+    99% {
+      transform: translateX(0);
+      opacity: 0.5;
+    }
+
+    100% {
+      transform: translateX(calc(100% + 16px));
+      opacity: 0;
+    }
+  }
+`,Vn=Ue.div`
+  font-size: 14px;
+
+  // zoom
+  [data-animation-type='zoom'] & {
+    transition: transform ${On}ms ease-in-out;
+    transform-origin: 100% 0;
+  }
+
+  [data-animation-type='zoom'][data-floatmenu-open='true'] & {
+    transform: scale(1);
+  }
+
+  [data-animation-type='zoom'][data-floatmenu-open='false'] & {
+    transform: scale(0);
+  }
+
+  // slide
+  [data-animation-type='slide'] & {
+    transition: opacity ${On}ms;
+  }
+  [data-animation-type='slide'][data-floatmenu-open='true'] & {
+    opacity: 1;
+  }
+  [data-animation-type='slide'][data-floatmenu-open='false'] & {
+    opacity: 0;
+  }
+`,Gn=Ue.div`
+  border-radius: 50%;
+  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+
+  // zoom
+  [data-animation-type='zoom'] & {
+    transition: transform ${On}ms ease-in-out;
+  }
+
+  [data-animation-type='zoom'][data-floatmenu-open='true'] & {
+    transform: scale(1);
+  }
+
+  [data-animation-type='zoom'][data-floatmenu-open='false'] & {
+    transform: scale(0);
+  }
+
+  > img {
+    width: 24px;
+    height: 24px;
+    object-fit: contain;
+  }
+`,Zn=({items:n,className:i,style:l,backgroundPanelStyle:r,isOpen:o,onOpen:s,onClose:c,disableBackdropClick:d,siteType:m="hb",animationType:p="zoom",zIndex:g=300})=>{const[u,h]=t(!!o);a((()=>{h(!!o)}),[o]);const b=()=>{h(!1),c&&c()};return e.createElement(_n,{style:l,className:i,"data-floatmenu-open":u,"data-site-type":m,"data-animation-type":p},e.createElement(Fn,{className:"float-button-group__panel",style:Object.assign({zIndex:g},r),onClick:d?void 0:b}),e.createElement(Hn,{className:"float-button-group___content",style:{zIndex:g}},e.createElement(Rn,null,n.map(((t,a)=>e.createElement(Wn,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===p&&{bottom:64*(n.length-1-a),transitionDelay:On/n.length*(u?n.length-1-a:a)+"ms"}),"slide"===p&&{bottom:64*(n.length-1-a),transitionDelay:On/n.length*(u?a:n.length-1-a)+"ms"}),key:a,onClick:()=>{t.onClick(),t.keepMenuOnClick||h(!1)}},e.createElement(Vn,{style:Object.assign({},"zoom"===p&&{transitionDelay:On/n.length*(u?n.length-1-a:a)+"ms"})},t.label),e.createElement(Gn,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===p||"slide"===p)&&{transitionDelay:On/n.length*(u?n.length-1-a:a)+"ms"})},t.icon))))),e.createElement(Un,{onClick:u?b:()=>{h(!0),s&&s()}})))},qn=Ue.div`
+  padding: 16px;
+  width: 375px;
+  word-wrap: break-word;
+  word-break: break-word;
+  ${q.mbDown} {
+    width: 100%;
+  }
+  &[data-theme='helloSites'] {
+    background: ${e=>e.theme.colors.secondaryBase};
+    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);
+  }
+  &[data-theme='marryBaby'] {
+    border: none;
+    background: ${e=>e.theme.mbColors.pink};
+    border-radius: 12px 12px 0 0;
+  }
+  &[data-is-open='false'] {
+    display: none;
+  }
+  &[data-default-position='true'] {
+    position: fixed;
+    z-index: 1000;
+    bottom: 0;
+    right: 0;
+    ${q.mbDown} {
+      left: 0;
+      right: unset;
+    }
+  }
+`,Yn=Ue.p`
+  position: relative;
+  padding-left: 24px;
+  color: ${e=>e.theme.colors.white};
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 22px;
+  &[data-has-content='true'] {
+    ::before {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      width: 16px;
+      height: 16px;
+      margin: auto 0;
+      content: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e");
+    }
+  }
+`,Xn=Ue.p`
+  margin-top: 2px;
+  color: ${e=>e.theme.colors.white};
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  a {
+    color: ${e=>e.theme.colors.white};
+    text-decoration: none;
+    text-decoration-line: underline;
+  }
+`,Kn=Ue.div`
+  display: flex;
+  align-items: center;
+  margin-top: 8px;
+  gap: 16px;
+`,Jn=Ue.div`
+  padding: 7px 28px;
+  background: ${e=>e.theme.colors.white};
+  border-radius: ${e=>e.theme.borderRadius};
+  color: ${e=>e.theme.colors.secondaryBase};
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 18px;
+`,Qn=Ue.a`
+  color: ${e=>e.theme.colors.white};
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 22px;
+  text-decoration: none;
+  text-decoration-line: underline;
+`,ei=({className:t,policiesUrl:a,onAcceptClick:n,translations:i={acceptButton:"Accept",policiesButton:"Our Policies"},title:l="",description:r="",theme:o="helloSites",isOpen:s=!0,useDefaultPosition:c=!0,trackingAttributes:d})=>e.createElement(qn,{className:t,"data-theme":o,"data-is-open":s,"data-default-position":c},e.createElement(Yn,{"data-has-content":!!l},l),e.createElement(Xn,{dangerouslySetInnerHTML:{__html:r}}),e.createElement(Kn,null,e.createElement(Jn,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:n,"data-event-category":null==d?void 0:d.dataEventCategory,"data-event-action":null==d?void 0:d.dataEventAction,"data-event-label":null==d?void 0:d.dataEventLabel},i.acceptButton),e.createElement(Qn,{href:a},i.policiesButton))),ti=We`
+  from {
+    transform: translateY(100%);
+    visibility: visible;
+  }
+
+  to {
+    transform: translateY(0);
+  }
+`,ai=We`
+  from {
+    transform: translate(0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate(0, 100%);
+  }
+`,ni=Ue.div`
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-items: center;
+  gap: 4px;
+
+  .mobile-navigation-label {
+    font-weight: 500;
+    font-size: 10px;
+    line-height: 16px;
+    color: ${ye.colors.gray600};
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 60px;
+    text-align: center;
+    ${q.mbDown} {
+      max-width: 60px;
+    }
+  }
+
+  .mobile-navigation-icon {
+    position: relative;
+    height: 24px;
+    &[data-no-label='true'] {
+      border-radius: 50%;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      padding: 0px;
+      gap: 16px;
+      width: 40px;
+      height: 40px;
+    }
+  }
+
+  &[data-is-special='true'] {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 4px 12px 4px 6px;
+    gap: 4px;
+
+    min-width: 152px;
+    height: 32px;
+    /* Neutral/Neutral-50 */
+    background: ${ye.colors.primary50};
+    border-radius: 20px;
+    flex-grow: 1;
+    .mobile-navigation-icon {
+      &[data-no-label='true'] {
+        width: 24px;
+        height: 24px;
+      }
+    }
+    .mobile-navigation-label {
+      max-width: max-content;
+      color: ${ye.colors.primaryBase};
+    }
+  }
+
+  &[data-is-active='true'] {
+    .mobile-navigation-label {
+      color: ${ye.colors.primaryBase};
+    }
+  }
+
+  &[data-is-disabled='true'] {
+    opacity: 0.2;
+  }
+`,ii=Ue.div`
+  z-index: 100;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  max-height: 56px;
+  min-height: 56px;
+  display: flex;
+  height: 100%;
+  align-items: center;
+  justify-content: space-evenly;
+  background-color: ${ye.colors.white};
+  @supports (padding-bottom: env(safe-area-inset-bottom)) {
+    min-height: calc(56px + env(safe-area-inset-bottom));
+    max-height: calc(56px + env(safe-area-inset-bottom));
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+  & > div {
+    flex: 1;
+  }
+  a {
+    text-decoration: none;
+  }
+  &[data-is-collapsed='true'] {
+    animation: ${ai} 500ms ease-in-out forwards;
+  }
+
+  &[data-is-collapsed='false'] {
+    animation: ${ti} 500ms ease-in-out forwards;
+  }
+  &[data-template='health-tool'] {
+    height: 44px;
+    max-height: 44px;
+    min-height: 44px;
+    justify-content: space-between;
+    & > div {
+      flex: 0;
+    }
+  }
+`,li=Ue.span`
+  position: absolute;
+  left: 100%;
+  transform: translate(-10px, calc(-50% + 3px));
+  background-color: ${ye.colors.green800};
+  border-radius: 32px;
+  border: 2px solid ${ye.colors.white};
+  padding: 1px 4px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 20px;
+  aspect-ratio: 1;
+  &[data-no-label='true'] {
+    left: 0;
+    transform: translate(22px, -50%);
+  }
+`;Ue.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 3px;
+  background-color: ${ye.colors.primaryBase};
+  transition: width 150ms linear;
+`,Ue.div`
+  a {
+    text-decoration: none;
+  }
+`;const ri=t=>{var{badgeAmount:a,disabled:n=!1,hasBadge:i=!1,icon:l,isActive:r=!1,isSpecial:o=!1,label:s}=t,c=fe(t,["badgeAmount","disabled","hasBadge","icon","isActive","isSpecial","label"]);return e.createElement(ni,Object.assign({"data-is-special":o,"data-is-active":r,"data-is-disabled":n},c),e.createElement("div",{className:"mobile-navigation-icon","data-no-label":!Boolean(s)},i&&e.createElement(li,{"data-no-label":!Boolean(s)},e.createElement(p,{size:"s5",weight:"semiBold",color:o?ye.colors.primaryBase:ye.colors.white},a)),l),s&&e.createElement("span",{className:"mobile-navigation-label"},s))},oi=t=>{var{children:a,on:n="",isCollapsed:i=!1,template:l="homepage"}=t,r=fe(t,["children","on","isCollapsed","template"]);return e.createElement(ii,Object.assign({on:n,"data-is-collapsed":i,"data-template":l},r),a)};oi.Icon=ri;const si=({SEOData:t={},locale:a="vi-VN",routerPathname:n,routerQuery:l,nextHead:r,siteType:o,seoCustom:s,userId:c,forcedCanonicalUrl:d})=>{var m,p,g,u,h,b,v,y,f,x,w,E;const{totalPages:k,currentPage:C,SEOTitle:N="",SEODescription:B="",SEOImage:D,seoType:$,SEOImageWidth:P,SEOImageHeight:z,customMetaData:S=[],isIndexable:L=!0,hasNoCanonical:M=!1}=t,T=L&&ce?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:I}=process.env;let A=t.canonicalUrl||n;Object.keys(l).forEach((e=>{const t=l[e];t&&Array.isArray(t)&&(A=A.replace(`[...${e}]`,t.join("/")))}));const j=a||"en-PH",O="helloSites"===o?de[j]:"www.marrybaby.vn",_=A.endsWith("/")?"":"/",F=i((()=>{var n,i,l,r,o,s,c;let d="";if(t.apiMetaData&&"string"==typeof t.apiMetaData){const m=null===(n=t.apiMetaData)||void 0===n?void 0:n.match(/<title.*?>(.*)<\/title>/),p=` - Page ${C} of ${k}`,g=C&&1!==C&&m?t.apiMetaData.replace(m[0],m[0].includes("-")?m[0].replace("-",p+" - "):`<title>${m[1].concat(p)}</title>`).replace(`<link rel="canonical" href="https://${O}${A}${_}" />`,`<link rel="canonical" href="https://${O}${A}${_}?page=${C}" />`):t.apiMetaData;if(d=Qe(g,{trim:!0}),!d.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://${O}/images/${a}.png`;d=[...d,e.createElement("meta",{key:"og:image",property:"og:image",content:(null===(i=t.openGraph)||void 0===i?void 0:i.image)||D||n||""}),e.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(l=t.openGraph)||void 0===l?void 0:l.image)||D||n}),e.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(r=t.openGraph)||void 0===r?void 0:r.imageWidth)&&String(null===(o=t.openGraph)||void 0===o?void 0:o.imageWidth)||P&&String(P)||"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)||z&&String(z)||"630"})]}}return d}),[t.apiMetaData,t.openGraph,D,z,P,C,A,k,a,O]),H=`https://${O}/images/${a}.png`;return e.createElement(r,null,e.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o?e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&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"}):"th-TH"===a?e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap",rel:"stylesheet"}):e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}),e.createElement("link",{rel:"preconnect",href:I}),e.createElement("meta",{charSet:"UTF-8"}),e.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),e.createElement("meta",{name:"google",content:"notranslate"}),e.createElement("meta",{name:"robots",content:T}),e.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),S.map(((t,a)=>e.createElement("meta",Object.assign({key:a},t)))),e.createElement("meta",{name:"theme-color",content:"helloSites"===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:j}),e.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!F&&e.createElement(e.Fragment,null,"helloSites"===o?e.createElement("title",null,s?N:N+" - "+(null===(m=me[a])||void 0===m?void 0:m.SITE_NAME)):e.createElement("title",null,N),!M&&e.createElement("link",{rel:"canonical",href:`https://${O}${A}`}),e.createElement("meta",{name:"description",content:B||(null===(p=t.openGraph)||void 0===p?void 0:p.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:$||"website"}),e.createElement("meta",{property:"og:title",content:(null===(g=t.openGraph)||void 0===g?void 0:g.title)||N}),e.createElement("meta",{property:"og:description",content:(null===(u=t.openGraph)||void 0===u?void 0:u.description)||B}),e.createElement("meta",{property:"og:url",content:`https://${O}${A}`}),e.createElement("meta",{property:"og:site_name",content:`https://${O}`}),e.createElement("meta",{property:"og:image",content:(null===(h=t.openGraph)||void 0===h?void 0:h.image)||D||H||""}),e.createElement("meta",{property:"og:image:secure_url",content:(null===(b=t.openGraph)||void 0===b?void 0:b.image)||D||H}),e.createElement("meta",{property:"og:image:width",content:(null===(v=t.openGraph)||void 0===v?void 0:v.imageWidth)&&String(null===(y=t.openGraph)||void 0===y?void 0:y.imageWidth)||P&&String(P)||"1200"}),e.createElement("meta",{property:"og:image:height",content:(null===(f=t.openGraph)||void 0===f?void 0:f.imageHeight)&&String(null===(x=t.openGraph)||void 0===x?void 0:x.imageHeight)||z&&String(z)||"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:B}),e.createElement("meta",{name:"twitter:image",content:(null===(E=t.twitter)||void 0===E?void 0:E.image)||D})),("helloSites"===o?pe[j]||[]:pe.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(F)&&d?F.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):F,d&&e.createElement("link",{rel:"canonical",href:d}),!t.hasNoAmp&&"vi-VN"!==a&&e.createElement("link",{rel:"amphtml",href:`https://${O}${A}${_}?amp=1`}),c&&"undefined"!=typeof window?e.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${c}'});`}}):null)};Ue.div`
+  margin-top: 13px;
+  &[data-is-mobile='false'] {
+    display: flex;
+    width: 60%;
+    min-width: min(600px, 100%);
+    align-items: center;
+    & > :first-child {
+      margin-right: 18px;
+    }
+  }
+`,Ue.div`
+  &[data-is-mobile='false'] {
+    max-width: 540px;
+  }
+  ${q.tdUp} {
+    padding-right: 120px;
+  }
+`,Ue.div`
+  display: flex;
+  align-items: flex-start;
+  margin-top: 10px;
+  color: ${e=>e.theme.colors.white};
+  font-size: ${e=>e.theme.sizes.fsParagraph4};
+  > img {
+    margin-top: 2px;
+    margin-right: 4px;
+  }
+  &[data-is-mobile='false'] {
+    margin-top: 12px;
+    > img {
+      width: 16px;
+      height: 16px;
+    }
+  }
+  &[data-is-mobile='true'] {
+    > img {
+      width: 14px;
+      height: 14px;
+    }
+  }
+`;const ci="hhgcomp-toolbanner-iconcontainer";I(Ue.div`
+  position: absolute;
+  z-index: 0;
+  right: 0;
+  bottom: -50px;
+  display: flex;
+
+  align-items: center;
+
+  ${q.mbUp} {
+    img {
+      width: 190px;
+      height: 155px;
+    }
+  }
+  ${q.mbDown} {
+    width: 70px;
+  }
+`,ci),Ue.div`
+  position: relative;
+  z-index: 1;
+  max-width: 100%;
+  ${q.mbUp} {
+    padding: 23px 40px;
+    max-width: calc(100% - 210px);
+    &[data-is-side='true'] {
+      max-width: calc(100% - 120px);
+    }
+  }
+`;const di="hhgcomp-toolbanner-inner";I(Ue.div`
+  position: relative;
+`,di);const mi="hhgcomp-toolbanner-wrapper",pi=I(Ue.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background: ${e=>e.bgColor};
+  background-color: inherit;
+
+  &[data-site='marryBaby'] {
+    background-color: ${e=>e["data-banner-color"]||"#5EC08F"};
+    background-image: none;
+    padding-bottom: 0;
+    &[data-is-embedded='true'] {
+      border-top-left-radius: 16px;
+      border-top-right-radius: 16px;
+    }
+  }
+`,mi),gi=Ue.div`
+  width: 100%;
+  ${q.mbDown} {
+    padding-bottom: 24px;
+  }
+
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+
+  &[data-site='marryBaby'] {
+    a {
+      text-decoration: underline;
+    }
+    ${q.mbDown} {
+      padding-bottom: 0;
+    }
+  }
+
+  ${q.tdDown} {
+    height: auto;
+    .${mi} {
+      .${di} {
+        display: flex;
+        align-items: center;
+        ${q.mbDown} {
+          justify-content: space-between;
+        }
+        .${ci} {
+          position: relative;
+          right: -50px;
+          bottom: -20px;
+          width: 110px;
+          min-width: 0;
+          height: auto;
+          min-height: 0;
+          align-self: flex-end;
+          margin-bottom: -20px;
+          ${q.mbDown} {
+            right: unset;
+          }
+        }
+      }
+    }
+  }
+`,ui=Ue.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 16px 24px;
+  gap: 16px;
+  width: 100%;
+  background-color: ;
+  ${q.mbDown} {
+    padding: 16px 0;
+  }
+`,hi=Ue.div`
+  background: #ffffff;
+  border-radius: 16px;
+  width: 48px;
+  height: 48px;
+  position: relative;
+
+  img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    max-width: 24px;
+    max-height: 24px;
+    transform: translate(-50%, -50%);
+  }
+`,bi=Ue.div`
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 0;
+  width: 100%;
+`,vi=Ue.div`
+  display: flex;
+  align-items: flex-start;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: -0.2px;
+  color: #f3f3f3;
+
+  > img {
+    margin-top: 2px;
+    margin-right: 4px;
+  }
+  &[data-is-mobile='false'] {
+    > img {
+      width: 16px;
+      height: 16px;
+    }
+  }
+  &[data-is-mobile='true'] {
+    > img {
+      width: 14px;
+      height: 14px;
+    }
+  }
+`,yi=({className:t,heading:a,color:n="blue",isMobile:i,bannerUrl:l,bannerUrlLarge:r,bannerColor:o,medicalReview:s={link:"#",reviewer:"",date:""},icon:c,style:d,siteType:m,isEmbeded:g})=>{var u,h;const{t:b}=se(),v=ze(),y=i?l:r||l,f={pink:[8,6]},x=v.colors[n]||v.colors.blue,w=(null==s?void 0:s.reviewer)?e.createElement(p,{size:"label2",color:"#fff",as:"div",className:"embedded-review",sx:{a:{textUnderlineOffset:"2px",color:"#fff",textDecoration:"underline"}}},e.createElement("div",{dangerouslySetInnerHTML:{__html:b("toolPage.toolReviewer",{expert_name:`<a href="${s.link}">${s.reviewer.trim()}</a>`,date:s.date})}})):null;return e.createElement(gi,{"data-is-mobile":i,style:d,"data-site":m},e.createElement(pi,{className:t,"data-banner-url":y,"data-is-mobile":i,"data-site":m,"data-banner-color":o,"data-is-embedded":g,bgColor:`linear-gradient(71deg, ${null==x?void 0:x[(null===(u=f[n])||void 0===u?void 0:u[0])||7]} -4.07%, ${null==x?void 0:x[(null===(h=f[n])||void 0===h?void 0:h[1])||4]} 90.13%)}`},"marryBaby"===m&&g?e.createElement(ui,null,e.createElement(hi,null,c),e.createElement(bi,null,e.createElement(M,{color:"white",tag:"h5",as:"h2"},a),s&&e.createElement(vi,{"data-is-mobile":i},w))):e.createElement(ke,{gap:Ce(24),align:"center",justify:"space-between",sx:{padding:`${Ce(13)} ${Ce(20)}`,gap:Ce(24)}},e.createElement(we,null,e.createElement(M,{tag:"h5",as:"h2",color:"#fff"},a),s&&e.createElement(p,{size:"n1",as:"div"},w)),e.createElement(ke,{justify:"center",align:"center",sx:e=>{var t,a;return{width:Ce(64),height:Ce(64),borderRadius:"50%",background:(null===(a=null===(t=e.colors)||void 0===t?void 0:t[n])||void 0===a?void 0:a[0])||e.colors.blue[0],flexShrink:0,img:{maxWidth:Ce(48),maxHeight:Ce(48)},[e.fn.smallerThan("sm")]:{width:Ce(56),height:Ce(56),img:{maxWidth:Ce(40),maxHeight:Ce(40)}}}}},c))))},fi=Ue(bt)`
+  border-color: ${e=>e.theme.mbColors.lightGray};
+  background-color: ${e=>e.theme.colors.white};
+  border-radius: 16px;
+  transition: all 0.2s ease;
+  &:hover {
+    border-color: ${e=>e.theme.mbColors.pink};
+    box-shadow: none;
+  }
+
+  & > ul {
+    z-index: ${A.menuSearchPopup};
+    max-height: 300px;
+    overflow-y: auto;
+  }
+
+  ${e=>e.groupedWithLabel&&Ve`
+      & > div:first-child {
+        color: ${e=>e.theme.mbColors.midGray};
+        font-size: 12px;
+      }
+    `}
+
+  &[data-dropdown-open='true'] {
+    border-color: ${e=>e.theme.mbColors.pink};
+  }
+`;Ue(j)`
+  & input {
+    border-color: ${e=>e.theme.mbColors.lightGray};
+    background-color: ${e=>e.theme.colors.white};
+    border-radius: 16px;
+    transition: all 0.2s ease;
+    &:focus,
+    &:hover {
+      border-color: ${e=>e.theme.mbColors.pink};
+      box-shadow: none;
+    }
+  }
+
+  & .displayIcon {
+    pointer-events: none;
+  }
+`;const xi=Ue(Je)`
+  & label {
+    position: absolute;
+    z-index: 1;
+    top: 16px;
+
+    left: 16px;
+    color: ${e=>e.theme.mbColors.midGray};
+    pointer-events: none;
+    transition: all 0.2s ease;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 240px;
+
+    &[data-size='label2'] {
+      font-size: 12px;
+    }
+
+    ${q.tdDown} {
+      max-width: 220px;
+    }
+  }
+  & input {
+    ::placeholder {
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+
+    ::-webkit-input-placeholder {
+      /* Chrome/Opera/Safari */
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+    ::-moz-placeholder {
+      /* Firefox 19+ */
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+    :-ms-input-placeholder {
+      /* IE 10+ */
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+    :-moz-placeholder {
+      /* Firefox 18- */
+      color: ${e=>e.theme.mbColors.gray};
+      font-size: 14px;
+    }
+    height: ${e=>"sm"===e.size?48:72}px;
+    padding-top: 27px;
+    border-color: ${e=>e.theme.mbColors.lightGray};
+    background-color: ${e=>e.theme.colors.white};
+    border-radius: 16px;
+    transition: all 0.2s ease;
+    padding-top: ${e=>e.value?"38px":"27px"};
+
+    &:focus,
+    &:hover {
+      border-color: ${e=>e.theme.mbColors.pink};
+      box-shadow: none;
+    }
+  }
+
+  &[data-has-action-icon] {
+    input {
+      padding-top: ${e=>e.value?"38px":"27px"};
+      padding-bottom: ${e=>e.value?"16px":"27px"};
+    }
+
+    label {
+      position: absolute;
+      z-index: 1;
+      top: 16px;
+      padding-right: 46px;
+    }
+  }
+`,wi=Ue.div`
+  width: 100%;
+`,Ei=Ue.div`
+  #due-date-dropdown {
+    z-index: 9;
+    width: 100%;
+    min-width: unset;
+    max-width: unset;
+
+    ${q.mbDown} {
+      font-size: 14px;
+    }
+    ${q.tdUp} {
+      font-size: 16px;
+      &[data-is-side='true'] {
+        font-size: 14px;
+      }
+    }
+    color: ${e=>e.theme.colors.gray800};
+    > div {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+`,ki=Ue(wi)`
+  .due-date-input {
+    width: 100%;
+    min-width: unset;
+    max-width: unset;
+    color: ${e=>e.theme.colors.gray800};
+  }
+  .due-date-calculate-button {
+    margin-right: auto;
+    margin-left: auto;
+  }
+  input {
+    &[data-is-side='true'] {
+      ${q.tdUp} {
+        font-size: 14px;
+      }
+    }
+    ${q.mbDown} {
+      font-size: 14px;
+    }
+    ${q.tdUp} {
+      font-size: 16px;
+    }
+  }
+`;Ue.div`
+  display: flex;
+  align-items: right;
+
+  & > p {
+    display: inline-block;
+    border-bottom: solid 1px
+      ${e=>e.theme.colors.primaryBase};
+    margin-bottom: 24px;
+    margin-left: auto;
+    color: ${e=>e.theme.colors.primaryBase};
+    cursor: pointer;
+    font-size: 11px;
+    line-height: 16px;
+    text-align: right;
+  }
+`;var Ci;Ue(Ue.img`
+  img& {
+    width: 16px;
+    height: 16px;
+  }
+`)`
+  margin-right: 4px;
+`,function(e){e[e.lastPeriod=0]="lastPeriod",e[e.conception=1]="conception",e[e.IVF=2]="IVF"}(Ci||(Ci={}));const Ni="yyyy-MM-dd",Bi=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,Di=({locale:a,onClick:n,siteType:i,pageUrl:l})=>{const{t:r}=se(),[o,s]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(ki,{className:"input-form","data-is-side":!0},"marryBaby"===i?e.createElement(xi,{label:r("dueDatePage.conceptionDate"),name:"date",size:"md",value:Bi(o),CustomInput:e.createElement(Fa,{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(Je,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:o&&Re(o).format(O)}))}),actionIcon:e.createElement(g.CalendarMB,{size:32})}):e.createElement(Je,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray600,style:{marginBottom:"9px",flex:"1"}},r("dueDatePage.conceptionDate")),value:Bi(o),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(Fa,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Bi(o)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:o,displayDateFormat:gt,onChange:e=>{s(e)},placeholder:"placeholder"})})),e.createElement(te,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===i?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:l,onClick:()=>{n((e=>{const t=new Date(e);return t.setDate(t.getDate()+265),{startDate:e,dueDate:t,otherInfo:{method:Ci.conception+1,conception_date:et(e,Ni),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}})(o),`${ge.type}=1&sd=${et(o,Ni)}&${ge.additional}= `)},role:"button"},r("dueDatePage.lastPeriod.calculate")))},$i=({locale:a,onClick:n,siteType:i,pageUrl:l})=>{const{t:r}=se(),[o,s]=t(new Date),[c,d]=t("3");return e.createElement(e.Fragment,null,e.createElement(ki,{className:"input-form","data-is-side":!0},"marryBaby"===i?e.createElement(xi,{label:r("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:Bi(o),CustomInput:e.createElement(Fa,{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(Je,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:o&&Re(o).format(O)}))}),actionIcon:e.createElement(g.CalendarMB,{size:32})}):e.createElement(Je,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray700,style:{marginBottom:"9px",flex:"1"}},r("dueDatePage.ivf.transferDate")),value:Bi(o),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(Fa,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Bi(o)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:o,displayDateFormat:gt,onChange:e=>{s(e)},placeholder:"placeholder"})})),e.createElement("div",{style:{width:"100%"}},e.createElement(an,{id:"radio-transfer-date",direction:"vertical",size:"small",value:c,onChange:e=>d(e),options:[{value:"3",label:r("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:r("dueDatePage.ivf.transferDateRadio",{number:5})}]})),e.createElement(te,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===i?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:l,onClick:()=>{n(((e,t)=>{const a=new Date(e);return a.setDate(a.getDate()+265-t),{startDate:e,dueDate:a,otherInfo:{method:Ci.IVF+1,ivf_transfer_date:et(e,Ni),days_transfer:t,conception_date:null,first_day:null,cycle_length_days:null}}})(o,Number(c)),`${ge.type}=2&${ge.startDate}=${et(o,Ni)}&${ge.additional}=${c}`)},role:"button"},r("dueDatePage.lastPeriod.calculate")))},Pi=({locale:a,onClick:n,siteType:i,pageUrl:l})=>{const{t:r}=se(),[o,s]=t(28),[c,d]=t(new Date);return e.createElement(e.Fragment,null,e.createElement(ki,{className:"input-form","data-is-side":!0},"marryBaby"===i?e.createElement(xi,{label:r("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:Bi(c),CustomInput:e.createElement(Fa,{onChange:e=>{d(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:t=>e.createElement(Je,Object.assign({name:"birthday",size:"md"},t,{value:c&&Re(c).format(O)}))}),actionIcon:e.createElement(g.CalendarMB,{size:32})}):e.createElement(Je,{className:"input-section due-date-input",label:e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray600,style:{marginBottom:"9px",flex:"1"}},r("dueDatePage.lastPeriod.lastPeriodLabel")),value:Bi(c),name:"date",size:"md",CustomInput:e.createElement(Fa,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Bi(c)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:c,displayDateFormat:gt,onChange:e=>{d(e)},placeholder:"placeholder"})})),e.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===i?"marryBaby":""},"marryBaby"===i?e.createElement(ht,{type:"bodytext-3",color:ye.mbColors.midGray},r("dueDatePage.lastPeriod.periodLengthLabel")):e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray600,style:{marginBottom:"0.5rem"}},r("dueDatePage.lastPeriod.periodLengthLabel")),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===i&&e.createElement(p,{size:"s3",weight:"semiBold",color:ye.colors.gray600},o),e.createElement(ut,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==i,withControl:"marryBaby"!==i,onChange:s,value:o,label:"marryBaby"!==i?void 0:null}))),e.createElement(te,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:l,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===i?"secondary":"primary",onClick:()=>n(((e,t)=>{const a=t-21+272,n=new Date(e);return n.setDate(n.getDate()+a),{startDate:e,dueDate:n,otherInfo:{method:Ci.lastPeriod+1,first_day:et(e,Ni),cycle_length_days:t,conception_date:null,ivf_transfer_date:null,days_transfer:null}}})(c,o),`${ge.type}=0&${ge.startDate}=${et(c,Ni)}&${ge.additional}=${o}`),role:"button"},r("dueDatePage.lastPeriod.calculate")))};Ue.div`
+  padding: 0;
+  background-color: white;
+`,Ue.div`
+  padding-bottom: 2px;
+  margin: auto;
+  ${q.mbUp} {
+    width: 100%;
+    padding: 24px;
+  }
+`;const zi=Ue.div`
+  &[data-is-side='true'] {
+    width: 100%;
+    margin-bottom: 0;
+  }
+  ${q.mbDown} {
+    width: 100%;
+    margin-bottom: 0;
+  }
+
+  margin-bottom: 24px;
+
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+
+  .gender-selector {
+    & > :not(:last-child) {
+      margin-right: 16px;
+    }
+
+    & > div {
+      width: calc(50% - 8px);
+
+      ${q.mbUp} {
+        max-width: 186px;
+        justify-self: left;
+      }
+    }
+  }
+`,Si=Ue.div`
+  margin-bottom: 20px;
+  width: 100%;
+
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+  .gender-selector {
+    & > div {
+      width: calc(50% - 8px);
+    }
+  }
+`,Li=Ue.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  ${q.mbUp} {
+    padding: 0 16px;
+    &[data-is-side='true'] {
+      margin-top: 24px;
+    }
+  }
+
+  ${q.mbDown} {
+    margin-top: 24px;
+    &[data-site='marryBaby'] {
+      margin-top: 12px;
+    }
+  }
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+
+  button {
+    width: 100%;
+    margin: auto;
+    ${q.mbUp} {
+      max-width: 200px;
+    }
+  }
+`;Ue.div`
+  ${q.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+
+  padding-bottom: 60px;
+`,Ue.div`
+  & > :not(:last-child) {
+    margin-bottom: 28px;
+  }
+`,Ue.div`
+  ${q.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+
+  padding-top: 32px;
+
+  color: ${e=>e.theme.colors.gray800};
+  text-align: center;
+
+  & > :last-child {
+    margin-top: 8px;
+  }
+`,Ue.div`
+  margin-bottom: 32px;
+
+  ${q.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,Ue.div`
+  margin-bottom: 32px;
+
+  ${q.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,Ue.div`
+  margin-bottom: 16px;
+
+  ${q.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,Ue.div`
+  margin-bottom: 24px;
+
+  ${q.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,Ue.div`
+  margin-bottom: 56px;
+  line-height: 24px;
+
+  & > :first-child {
+    margin-bottom: 8px;
+  }
+
+  ${q.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,Ue.div`
+  margin-bottom: 56px;
+
+  & > :first-child {
+    margin-bottom: 8px;
+  }
+
+  ${q.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,Ue.div`
+  padding-top: 32px;
+
+  & > div {
+    margin-bottom: 24px;
+  }
+
+  ${q.mbUp} {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+`,Ue.div`
+  padding: 68px 0 56px 0;
+
+  ${q.mbUp} {
+    padding: 84px 0 72px 0;
+  }
+`,Ue.div`
+  display: flex;
+  gap: 10px;
+  line-height: 1;
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
+  ${q.mbUp} {
+    padding-right: 16px;
+    padding-bottom: 10px;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    &[data-is-side='true'] {
+      width: 100%;
+      margin-bottom: 15px;
+      justify-content: unset;
+      .label {
+        margin-bottom: 9px;
+      }
+    }
+  }
+
+  ${q.mbDown} {
+    width: 100%;
+    margin-bottom: 15px;
+
+    .label {
+      margin-bottom: 9px;
+    }
+  }
+`;const Mi=Ue.div`
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  .input-section {
+    display: flex;
+    flex-direction: column;
+  }
+
+  ${q.mbDown} {
+    flex-direction: column;
+    .input-section {
+      width: 100%;
+    }
+  }
+`,Ti=Ue.div`
+  position: relative;
+  width: calc(50% - 8px);
+
+  &[data-is-side='true'] {
+    .label {
+      margin-bottom: 9px;
+    }
+  }
+  ${q.mbDown} {
+    .label {
+      margin-bottom: 9px;
+    }
+  }
+  margin-bottom: 24px;
+  #weight-gain-dropdown {
+    z-index: 9;
+    width: 100%;
+    min-width: unset;
+    max-width: unset;
+    color: ${e=>e.theme.colors.gray800};
+    & > ul {
+      z-index: 1;
+      max-height: 300px;
+      overflow-y: scroll;
+    }
+  }
+`,Ii=Ue.div`
+  margin-bottom: 24px;
+  width: 100%;
+
+  ${q.mbUp} {
+    padding: 0 16px;
+  }
+  .card {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    & > :not(:last-child) {
+      margin-bottom: 8px;
+    }
+
+    .gender-selector {
+      row-gap: 12px;
+
+      & > :not(:last-child) {
+        margin-right: 16px;
+      }
+
+      & > div {
+        ${q.mbUp} {
+          width: calc(18% - 4px);
+          max-width: 186px;
+          justify-self: left;
+        }
+
+        ${q.mbDown} {
+          width: calc(31% - 8px);
+          max-width: 109px;
+          justify-self: left;
+        }
+      }
+    }
+
+    .gender-image {
+      width: 23px;
+      height: 36px;
+      object-fit: contain;
+    }
+  }
+  .note {
+    display: flex;
+    align-items: center;
+    padding-top: 8px;
+    padding-bottom: 16px;
+  }
+`,Ai=({onSubmitDueDate:a,locale:n,isSide:l,siteType:r})=>{const{t:o}=se(),[s,c]=t(Ci.lastPeriod),d=[{value:Ci.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:Ci.conception,label:o("dueDatePage.conceptionDate")},{value:Ci.IVF,label:o("dueDatePage.ivf")}],m=i((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(Mi,null,e.createElement(wi,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?e.createElement(fi,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:d,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:d[s],onChange:e=>{c(e.value)}}):e.createElement(e.Fragment,null,e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.calculationMethod")),e.createElement(Ei,{"data-is-side":l},e.createElement(bt,{options:d,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:d[s],onChange:e=>{c(e.value)}})))),s===Ci.lastPeriod?e.createElement(Pi,{locale:n,onClick:a,isSide:l,siteType:r,pageUrl:m}):null,s===Ci.conception?e.createElement(Di,{locale:n,onClick:a,isSide:l,siteType:r,pageUrl:m}):null,s===Ci.IVF?e.createElement($i,{locale:n,onClick:a,isSide:l,siteType:r,pageUrl:m}):null)},ji="hhgcomp-embedtoolcard-content",Oi=I(Ue.form`
+  margin: auto;
+  ${q.mbUp} {
+    width: 100%;
+    padding: 20px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+  }
+  ${q.mbDown} {
+    padding: 16px;
+  }
+  .due-date-calculate-button {
+    width: 100%;
+    margin: 12px auto 0;
+    ${q.mbUp} {
+      max-width: 200px;
+    }
+  }
+  &[data-is-side='true'] {
+    ${q.mbUp} {
+      padding: 24px 40px 0px 40px;
+    }
+  }
+  .input-weight-form {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    padding: 0 16px;
+  }
+  .input-form {
+    display: flex;
+
+    ${q.mbUp} {
+      margin-bottom: 24px;
+      width: calc(50% - 8px);
+    }
+    &[data-is-side='true'] {
+      ${q.mbUp} {
+        margin-bottom: 8px;
+        width: 100%;
+      }
+    }
+    ${q.mbDown} {
+      margin-bottom: 8px;
+    }
+    .label-text {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      -webkit-line-clamp: 2;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+    }
+  }
+  .input-form-pwg {
+    display: flex;
+    width: calc(50% - 8px);
+
+    ${q.mbUp} {
+      margin-bottom: 24px;
+    }
+    &[data-is-side='true'] {
+      ${q.mbUp} {
+        margin-bottom: 8px;
+      }
+    }
+    ${q.mbDown} {
+      margin-bottom: 8px;
+      width: 100%;
+    }
+    .label-text {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      -webkit-line-clamp: 2;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+    }
+  }
+  .day-slider {
+    width: 100%;
+    ${q.mbUp} {
+      width: calc(50% - 8px);
+      &[data-is-side='true'] {
+        width: 100%;
+      }
+    }
+  }
+`,ji),_i=Ue.div`
+  padding: 0;
+  background-color: white;
+  border: 1px solid #e4e8ec;
+  border-radius: 4px;
+
+  &[data-site='marryBaby'] {
+    background-color: ${e=>e.theme.mbColors.green};
+    border-radius: 16px;
+  }
+  .due-date-cal {
+    .${ji} {
+      ${q.mbUp} {
+        padding: 24px;
+      }
+      ${q.mbDown} {
+        padding: 16px;
+      }
+    }
+    display: table;
+    width: 100%;
+    .slider-due-date {
+      margin-bottom: 12px;
+      width: 100%;
+      margin-left: 0px;
+      margin-right: 0px;
+      .slider-outer-wrapper {
+        margin: 2rem -0.5rem 1rem;
+      }
+      &[data-theme='marryBaby'] {
+        padding: 1rem;
+        background: white;
+        border-radius: 1rem;
+        .slider-outer-wrapper {
+          gap: 12px;
+          display: flex;
+          align-items: center;
+          margin: 0.5rem;
+        }
+      }
+    }
+    .input-form {
+      display: flex;
+      ${q.mbUp} {
+        width: calc(50% - 8px);
+        margin-bottom: 24px;
+      }
+      &[data-is-side='true'] {
+        ${q.mbUp} {
+          margin-bottom: 12px;
+          width: 100%;
+        }
+      }
+      ${q.mbDown} {
+        margin-bottom: 8px;
+      }
+    }
+  }
+  .heart-rate-cal {
+    .slider-heart-rate {
+      margin-bottom: 12px;
+      width: 100%;
+      margin-left: 0px;
+      margin-right: 0px;
+      .slider-outer-wrapper {
+        margin: 2rem -0.5rem 1rem;
+      }
+    }
+  }
+  .ovulation-cal {
+    display: flex;
+    /* padding-top: 24px; */
+    justify-content: space-between;
+    flex-wrap: wrap;
+    .slider-ovulation {
+      margin-bottom: 12px;
+      /* width: 100%; */
+      margin-left: 0px;
+      margin-right: 0px;
+      .slider-outer-wrapper {
+        margin: 2rem -0.5rem 1rem;
+      }
+      &[data-theme='marryBaby'] {
+        padding: 1rem;
+        background: white;
+        border-radius: 1rem;
+        .slider-outer-wrapper {
+          gap: 12px;
+          display: flex;
+          align-items: center;
+          margin: 0.5rem;
+        }
+      }
+    }
+    .input-form {
+      display: flex;
+      ${q.mbUp} {
+        width: calc(50% - 8px);
+        margin-bottom: 24px;
+        &[data-is-side='true'] {
+          margin-bottom: 12px;
+          width: 100%;
+        }
+      }
+      ${q.mbDown} {
+        margin-bottom: 8px;
+      }
+    }
+  }
+  .pwg-view-mobile {
+    &[data-is-side='true'] {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+    }
+    ${q.mbDown} {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      padding: 16px 0;
+    }
+    .hide-asking-mobile {
+      gap: 10px;
+      &[data-is-side='true'] {
+        ${q.mbUp} {
+          display: none;
+        }
+      }
+      ${q.mbDown} {
+        display: none;
+      }
+    }
+    .hide-asking-desk {
+      gap: 10px;
+      &[data-is-side='true'] {
+        ${q.mbUp} {
+          display: unset;
+        }
+      }
+      ${q.mbUp} {
+        display: none;
+      }
+    }
+  }
+  input[type='date']::after {
+    width: 16px;
+    height: 16px;
+    background-image: url('https://hellobacsi.com/svg/calendar.svg');
+    background-repeat: no-repeat;
+    background-size: contain;
+    content: '';
+  }
+`,Fi=Ue(an)`
+  &[data-direction='horizontal'] div[data-type='circle'] {
+    margin-right: 8px;
+  }
+  label {
+    font-size: 14px;
+  }
+`,Hi=({isMobile:t,locale:a,onSubmitDueDate:n,dueDatePageInfo:i,expertUrl:l,isSide:r,siteType:o})=>{var s;const{t:c}=se();return e.createElement(_i,{"data-is-side":r,"data-site":o},e.createElement(yi,{isSide:r,siteType:o,bannerColor:"marryBaby"===o&&ye.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==i?void 0:i.featured_image)||ve.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:c("healthTools.dueDateCalculator"),medicalReview:{link:l,reviewer:null===(s=null==i?void 0:i.reviewed_by)||void 0===s?void 0:s.display_name,date:null==i?void 0:i.reviewed_date},isMobile:t}),e.createElement(Oi,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":r},e.createElement(Ai,{siteType:o,locale:a,onSubmitDueDate:n,isSide:r})))},Ri=Ue(te)`
+  margin: 0 auto 24px;
+  ${q.mbUp} {
+    max-width: 200px;
+    margin: 24px auto;
+  }
+`,Ui=Ue(j)`
+  &.bmi--input {
+    + .bmi--input {
+      margin-top: 24px;
+    }
+    .inputLabel {
+      display: inline-block;
+      margin-bottom: 5px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+    .errorLabel {
+      line-height: 1.3;
+    }
+    input[type='radio'] {
+      padding: 0;
+    }
+    .bmi--input-radio_gender {
+      width: 100%;
+      gap: 16px;
+      > div {
+        ${q.mbDown} {
+          width: calc(50% - 8px);
+        }
+        width: calc(33% - 8px);
+      }
+      & > div > div {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-content: center;
+        gap: 8px;
+        padding-block: 5px;
+      }
+    }
+    .bmi-side-embed {
+      > div {
+        ${q.mbUp} {
+          width: calc(50% - 8px);
+        }
+      }
+    }
+    .radio-group-item-heading {
+      margin-top: 0;
+    }
+  }
+
+  ${q.mbDown} {
+    &.bmi--input {
+      .bmi--input-radio_gender {
+        > div {
+          .gender-image {
+            width: 40px;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
+`,Wi=Ue.div`
+  width: 100%;
+`,Vi=Ue.div`
+  margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  input {
+    font-size: 12px;
+    ::placeholder {
+      color: #8c8c8c;
+      opacity: 1;
+    }
+  }
+  .input-label {
+    label {
+      display: inline-block;
+      margin-bottom: 9px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+  }
+`;Ue.div`
+  display: flex;
+  flex-direction: column;
+  #thr-dropdown {
+    z-index: 10;
+    width: 100%;
+    min-width: unset;
+    max-width: unset;
+    color: ${e=>e.theme.colors.gray800};
+    & > ul {
+      z-index: 1;
+      max-height: 300px;
+      overflow-y: scroll;
+    }
+  }
+`;const Gi=Ue.div`
+  ${q.mbUp} {
+    display: flex;
+    width: 100%;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 12px;
+    > div {
+      width: 100%;
+    }
+    &[data-is-side='true'] {
+      ${q.mbUp} {
+        display: flex;
+        flex-direction: column;
+        gap: 0px;
+      }
+    }
+  }
+  ${q.mbDown} {
+    display: flex;
+    flex-direction: column;
+    gap: 0px;
+  }
+`;function Zi({weight:e,height:t}){const a=t/100,n=e;return Math.round(n/(a*a)*10)/10}const qi=({value:n,onChange:l,onSubmit:r,disabled:o,bmiGenerated:s,bmiUnit:c,locale:d,isSide:m})=>{var g,u,h,b;const[v,y]=t(!1),{control:f,handleSubmit:x,setValue:w,watch:E}=yt(),k=E(),{t:C}=se(),{gender:N=!1,age:B=!1,height:D=!1,weight:$=!1,objective:P=!0}=o||{},{getHealthToolLink:z}=xt(d),S=i((()=>z(_.OVULATION)),[z]),L=i((()=>[{value:"lose-weight",label:C("bmi.objective.loseWeight")},{value:"maintain-weight",label:C("bmi.objective.maintainWeight")},{value:"gain-weight",label:C("bmi.objective.gainWeight")}]),[]),M=()=>{y(!0)};return a((()=>{Object.keys(n||{}).forEach((e=>{w(e,null==n?void 0:n[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[n]),a((()=>{l&&l(k)}),[k]),e.createElement(Wi,null,e.createElement("form",{onSubmit:x((e=>xe(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:Zi({height:t,weight:a})};P||(n.objective=e.objective),M(),r&&r(n)}))),M)},!N&&e.createElement(Vi,{"data-is-side":m},e.createElement(ft,{name:"gender",control:f,defaultValue:"male",render:({field:{onChange:t}})=>e.createElement(ua,{defaultValue:"male",onChange:e=>t(e),styles:e=>({root:!m&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:Ce(12)}}})})})),e.createElement(Gi,{"data-is-side":m},!B&&e.createElement(Vi,null,e.createElement(ft,{name:"age",control:f,rules:null===(g=s.age)||void 0===g?void 0:g.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:i}})=>e.createElement(ae.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray600},C("bmi.ageInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray300,as:"span"},C("bmi.ageInput.desc"))),placeholder:C("healthtool.placeholder.age"),name:t,value:a,onChange:n,error:v?null==i?void 0:i.message:"",min:0})})),!D&&e.createElement(Vi,null,e.createElement(ft,{name:"height",control:f,rules:null===(u=s.height)||void 0===u?void 0:u.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:i}})=>e.createElement(ae.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray600},C("bmi.heightInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray300,as:"span"},C("bmi.heightInput.desc"))),placeholder:C("pwg.placeholder.height"),name:t,value:a,onChange:n,error:v?null==i?void 0:i.message:"",min:0})})),!$&&e.createElement(Vi,null,e.createElement(ft,{name:"weight",control:f,rules:null===(h=s.weight)||void 0===h?void 0:h.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:i}})=>e.createElement(ae.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray600},C("bmi.weightInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray300,as:"span"},C("bmi.weightInput.desc"))),placeholder:C("pwg.placeholder.weight"),name:t,value:a,onChange:n,error:v?null==i?void 0:i.message:"",precision:1,min:0})})),!P&&e.createElement(Vi,null,e.createElement(ft,{name:"objective",control:f,defaultValue:"lose-weight",rules:null===(b=s.objective)||void 0===b?void 0:b.rule,render:({field:{name:t,value:a,onChange:n},fieldState:{error:i}})=>e.createElement(Ui,{size:"md",name:t,label:s.objective.label,CustomInput:e.createElement(an,{id:"bmi-objective",className:"bmi-objective",direction:"vertical",size:"small",options:L,value:a,onChange:n}),errorMessage:v?null==i?void 0:i.message:"",className:"bmi--input bmi--input-objective"})}))),e.createElement("div",{style:{display:"flex"}},e.createElement(Ri,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${de[d]}/${S}`,type:"submit"},C("bmi.submit")))))},Yi=({isMobile:t,onSubmit:a,bmiContent:n,isSide:i,bmiGenerated:l,bmiUnit:r,bmiLink:o,locale:s})=>{var c,d,m;const{t:p}=se();return e.createElement(_i,{"data-is-side":i},e.createElement(yi,{isSide:i,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||ve.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:p("bmi.heading"),medicalReview:{link:null===(c=null==n?void 0:n.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(d=null==n?void 0:n.reviewBy)||void 0===d?void 0:d.reviewer,date:null===(m=null==n?void 0:n.reviewBy)||void 0===m?void 0:m.date},isMobile:t}),e.createElement(vt,null,e.createElement(Oi,{as:"div","data-is-side":i},o&&e.createElement(qi,{onSubmit:a,bmiGenerated:l,locale:s,bmiUnit:r,isSide:i}))))},Xi=Ue.div`
+  padding-block: 40px;
+
+  &[data-theme='marryBaby'] {
+    padding-block: 0;
+    padding-top: 12px;
+  }
+`,Ki=Ue.form`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`,Ji=Ue.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-top: auto;
+
+  .error-input input {
+    border: 1px solid ${e=>e.theme.colors.red700};
+  }
+`,Qi=Ue(pt)`
+  display: inline-flex;
+  padding-bottom: 6px;
+  gap: 4px;
+`,el=Ue.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  > div {
+    width: 100%;
+  }
+`;Ue.div`
+  ${q.mbUp} {
+    padding: 0 16px;
+  }
+
+  margin-bottom: 24px;
+
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+
+  .gender-selector {
+    & > :not(:last-child) {
+      margin-right: 16px;
+    }
+
+    & > div {
+      width: calc(50% - 8px);
+
+      ${q.mbUp} {
+        max-width: 186px;
+        justify-self: left;
+      }
+    }
+  }
+`;const tl=(e=0,t=0)=>{try{if(e&&t){const a=Number(t)/Math.pow(Number(e)/100,2);return Number(((e,t=2)=>Intl.NumberFormat(void 0,{maximumFractionDigits:t}).format(e))(a))}return 0}catch(e){}return 0},al=Ue.div`
+  padding: 36px;
+  padding-top: 0;
+  background-color: white;
+  ${q.mbDown} {
+    padding: 16px;
+    padding-top: 0;
+  }
+  &[data-theme='marryBaby'] {
+    background-color: ${e=>e.theme.mbColors.green};
+    padding: 24px;
+    border-bottom-right-radius: 16px;
+    border-bottom-left-radius: 16px;
+    ${q.mbDown} {
+      padding: 16px;
+    }
+  }
+`,nl=Ue((({onSubmit:t,onError:n,schema:l,siteType:r})=>{const{t:o}=se(),s="mb"===ze().other.template,{control:c,setValue:d,watch:m,handleSubmit:u,formState:{isSubmitted:h}}=yt({resolver:wt(l),mode:"onSubmit",defaultValues:{name:"",gender:Fe.Boy,measurementDate:new Date}}),b=m("weight"),v=m("height"),y=m("head"),f=i((()=>h&&!b&&!v&&!y),[h,b,v,y]);a((()=>{const e=tl(v,b);d("bmi",String(e)||"0")}),[b,v]);const x=i((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(e.Fragment,null,e.createElement(Xi,{"data-theme":r},e.createElement(Ki,{onSubmit:u(t,n)},e.createElement(ft,{control:c,name:"gender",render:({field:{onChange:t,value:a}})=>e.createElement(Et,{onChange:t,value:a,siteType:r})}),"marryBaby"===r?e.createElement(e.Fragment,null,e.createElement(ft,{control:c,name:"birthday",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(Ji,null,e.createElement(xi,{label:o("babyGrowth.input.birthday"),name:"birthday",size:"md",value:String(a),CustomInput:e.createElement(Fa,{onChange:t,placeholder:"dd/mm/yyyy",pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:i=>e.createElement(Je,Object.assign({onChange:t,className:(null==n?void 0:n.message)?"error-input":"",name:"birthday",size:"md"},i,{value:a&&Re(a).format(O)}))}),actionIcon:e.createElement(g.CalendarMB,{size:32})}))}),e.createElement(el,null,e.createElement(ft,{control:c,name:"height",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(Ji,null,e.createElement(xi,{label:`${o("babyGrowth.height")} ${o("babyGrowth.cm")}`,name:"height",size:"md",value:String(a),CustomInput:e.createElement(Je,{className:f||(null==n?void 0:n.message)?"error-input":"",name:"height",size:"md",placeholder:"Nhập thông tin",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),e.createElement(ft,{control:c,name:"weight",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(Ji,null,e.createElement(xi,{label:`${o("babyGrowth.weight")} ${o("babyGrowth.kg")}`,name:"weight",size:"md",value:String(a),CustomInput:e.createElement(Je,{className:f||(null==n?void 0:n.message)?"error-input":"",name:"weight",size:"md",placeholder:"Nhập thông tin",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))})),e.createElement(el,null,e.createElement(ft,{control:c,name:"head",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(Ji,null,e.createElement(xi,{label:`${o("babyGrowth.headCircumference")} ${o("babyGrowth.cm")}`,name:"head",size:"md",value:String(a),CustomInput:e.createElement(Je,{className:f||(null==n?void 0:n.message)?"error-input":"",name:"head",size:"md",value:String(a),onChange:t,type:"number",placeholder:"Nhập thông tin",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),e.createElement(ft,{control:c,name:"bmi",render:({field:{value:t}})=>e.createElement(Ji,null,e.createElement(xi,{label:`${o("babyGrowth.input.bmi")} ${o("babyGrowth.kg.m2")}`,name:"date",size:"md",value:String(t),CustomInput:e.createElement(Je,{name:"bmi",size:"md",type:"number",value:String(t),isDisabled:!0,style:{color:"#9495A0"}})}))})),e.createElement(ft,{control:c,name:"measurementDate",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(Ji,null,e.createElement(xi,{label:o("babyGrowth.input.measurementDate"),name:"date",size:"md",value:Bi(a),CustomInput:e.createElement(Fa,{placeholder:a&&Re(a).format(O),pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",onChange:t,disabledDays:{after:new Date},customInput:i=>e.createElement(Je,Object.assign({className:(null==n?void 0:n.message)&&"error-input",name:"measurementDate",size:"md",placeholder:a&&Re(a).format(O),onChange:t},i,{value:a&&Re(a).format(O)}))}),actionIcon:e.createElement(g.CalendarMB,{size:32})}))}),e.createElement(te,{size:"lg",variant:s?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":x},o("babyGrowth.input.submit"))):e.createElement(e.Fragment,null,e.createElement(ft,{control:c,name:"birthday",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(Ji,null,e.createElement(Qi,{size:"label1",htmlFor:"birthday"},e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},o("babyGrowth.input.birthday"))),e.createElement(Fa,{onChange:t,placeholder:"dd/mm/yyyy",pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:i=>e.createElement(Je,Object.assign({onChange:t,className:(null==n?void 0:n.message)?"error-input":"",name:"birthday",size:"md",actionIcon:e.createElement(g.Calendar,null)},i,{value:a&&Re(a).format(O)}))}))}),e.createElement(el,null,e.createElement(ft,{control:c,name:"height",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(Ji,null,e.createElement(Qi,{size:"label1",htmlFor:"height"},e.createElement(p,{size:"s4",weight:"semiBold"},o("babyGrowth.height")),e.createElement(p,{as:"span",size:"n1",color:ye.colors.gray400},o("babyGrowth.cm"))),e.createElement(Je,{className:f||(null==n?void 0:n.message)?"error-input":"",name:"height",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),e.createElement(ft,{control:c,name:"weight",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(Ji,null,e.createElement(Qi,{size:"label1",htmlFor:"weight"},e.createElement(p,{size:"s4",weight:"semiBold"},o("babyGrowth.weight")),e.createElement(p,{as:"span",size:"n1",color:ye.colors.gray400},o("babyGrowth.kg"))),e.createElement(Je,{className:f||(null==n?void 0:n.message)?"error-input":"",name:"weight",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))})),e.createElement(el,null,e.createElement(ft,{control:c,name:"head",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(Ji,null,e.createElement(Qi,{size:"label1",htmlFor:"head"},e.createElement(p,{size:"s4",weight:"semiBold"},o("babyGrowth.headCircumference")),e.createElement(p,{as:"span",size:"n1",color:ye.colors.gray400},o("babyGrowth.cm"))),e.createElement(Je,{className:f||(null==n?void 0:n.message)?"error-input":"",name:"head",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),e.createElement(ft,{control:c,name:"bmi",render:({field:{value:t}})=>e.createElement(Ji,null,e.createElement(Qi,{size:"label1",htmlFor:"bmi"},e.createElement(p,{size:"s4",weight:"semiBold"},o("babyGrowth.input.bmi")),e.createElement(p,{as:"span",size:"n1",color:ye.colors.gray400},o("babyGrowth.kg.m2"))),e.createElement(Je,{name:"bmi",size:"md",type:"number",value:String(t),isDisabled:!0}))})),e.createElement(ft,{control:c,name:"measurementDate",render:({field:{onChange:t,value:a},fieldState:{error:n}})=>e.createElement(Ji,null,e.createElement(Qi,{size:"label1",htmlFor:"measurementDate"},e.createElement(p,{as:"label",size:"s4",weight:"semiBold"},o("babyGrowth.input.measurementDate"))),e.createElement(Fa,{placeholder:a&&Re(a).format(O),pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",onChange:t,disabledDays:{after:new Date},customInput:i=>e.createElement(Je,Object.assign({className:(null==n?void 0:n.message)&&"error-input",name:"measurementDate",size:"md",placeholder:a&&Re(a).format(O),onChange:t,actionIcon:e.createElement(g.Calendar,null)},i,{value:a&&Re(a).format(O)}))}))}),e.createElement(te,{size:"lg",variant:s?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":x},o("babyGrowth.input.submit"))))))}))`
+  padding-block: 0;
+`;Ue(yi)`
+  padding-inline: 20px;
+
+  img.embedded-icon {
+    width: 140px;
+    margin-left: 50%;
+    align-self: center;
+  }
+
+  ${q.mbDown} {
+    padding-inline: 0;
+    img.embedded-icon {
+      width: 125px;
+      align-self: end;
+      margin-left: 0;
+      position: absolute;
+      transform: translateY(50%);
+    }
+    .embedded-review {
+      max-width: 200px;
+    }
+  }
+`;const il=({isMobile:t,className:a,onSubmit:n,onError:i,schema:l,babyGrowthContent:r,siteType:o})=>{var s,c,d;return e.createElement(_i,{"babyGrowthContent-is-mobile":t,"data-site":o},e.createElement(yi,{siteType:o,bannerUrl:ve.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:ve.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===o&&ye.mbColors.mint,isEmbeded:!0,icon:e.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==r?void 0:r.featuredImage)||ve.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==r?void 0:r.title)||"",medicalReview:{link:null===(s=null==r?void 0:r.reviewBy)||void 0===s?void 0:s.link,reviewer:null===(c=null==r?void 0:r.reviewBy)||void 0===c?void 0:c.reviewer.trim(),date:null===(d=null==r?void 0:r.reviewBy)||void 0===d?void 0:d.date},isMobile:t}),e.createElement(al,{"data-theme":o},e.createElement(nl,{siteType:o,schema:l,className:a,onSubmit:n,onError:i})))};var ll=De(((e,t)=>{const{isMarryBaby:a,isSide:n,direction:i}=t;return{root:Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",display:"flex"},"auto"===i?{flexDirection:"row"}:{flexDirection:"column"===i?"column-reverse":"row"}),{gap:"8px",padding:"16px",borderRadius:a?"16px":"8px"}),!a&&{backgroundImage:`url(${ve.getAssetPath("bgPattern/baby-poop.svg")})`,backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"}),{backgroundColor:a?e.colors.toneGreen.toString():e.colors[e.primaryColor][0],[e.fn.smallerThan("sm")]:Object.assign({},"auto"===i?{flexDirection:"column-reverse"}:{}),[e.fn.smallerThan("md")]:{borderRadius:a?"12px":"8px"},[e.fn.largerThan("md")]:{padding:"32px",gap:"20px"}}),inner:{display:"flex",gap:"16px",flexDirection:"column",flex:1},content:{display:"flex",flexDirection:"column",gap:"16px"},reviewText:{display:"flex",gap:"4px",a:{color:e.colors.gray[6],fontWeight:"bold","&:not(:hover)":{textDecoration:"none"}}},reviewTextIcon:{flexShrink:0,width:"16px",height:"16px",[e.fn.largerThan("sm")]:{marginTop:"2px"}},thumbnail:Object.assign(Object.assign({img:{objectFit:"contain",objectPosition:"bottom",width:"100%",height:"100%"}},"column"===i?{width:"80%",alignSelf:"center"}:"row"===i?{width:"40%"}:{}),{[e.fn.smallerThan("sm")]:Object.assign({},"auto"===i?{width:"80%",alignSelf:"center"}:{}),[e.fn.largerThan("sm")]:Object.assign({},"auto"===i?{width:"40%"}:{})}),action:{display:"flex",justifyContent:a?"center":"flex-start"},btn:{minWidth:a?"auto":"143px",width:n||a?"100%":"auto",[e.fn.smallerThan("md")]:{width:"100%"}},sponsorLogo:Object.assign(Object.assign({position:"absolute",top:0,height:40,objectFit:"contain",objectPosition:"top"},"column"===i?{left:"16px",height:40}:"row"===i?{height:50,right:"40px"}:{left:"16px",height:40}),{[e.fn.largerThan("sm")]:Object.assign({},"auto"===i?{height:50,right:"40px",left:"unset"}:{})})}}));const rl=({babyPoopPage:t,onClickFindOut:a,currentUrl:n,isSide:i,direction:l="auto",sponsorLogo:r})=>{const{t:o}=se(),s="mb"===ze().other.template,{classes:c}=ll({isMarryBaby:s,isSide:i,direction:l},{name:"BabyPoopEmbed"}),{reviewedBy:d,reviewedDate:m}=t||{};return e.createElement("div",{className:c.root},e.createElement("div",{className:c.inner},e.createElement(M,{tag:"h3",as:"h2",color:!s&&"#284A75"},t.title),e.createElement("div",{className:c.content,"data-is-side":i},e.createElement(p,{size:"p3",className:"description"},t.description),!!d&&e.createElement("div",{className:c.reviewText},e.createElement("img",{src:ve.getAssetPath("reviewerCheck.svg"),alt:"check",className:c.reviewTextIcon,loading:"lazy"}),e.createElement(p,{size:"p4",color:ye.colors.gray600},o("categoryPage.info.reviewed")," ",e.createElement("a",{href:d.profile_url},d.display_name)," ",o("categoryPage.onDate",{date:m||""}))),e.createElement("div",{className:c.action},e.createElement(te,{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?ve.getAssetPath("baby-poop.svg"):null==t?void 0:t.featuredImage,alt:t.title,loading:"lazy"})),r&&e.createElement("img",{loading:"lazy",src:r,alt:"sponsor",className:c.sponsorLogo}))},ol=Ue.div`
+  display: flex;
+  width: 100%;
+
+  &[data-direction='vertical'] {
+    flex-direction: column;
+  }
+
+  &[data-direction='horizontal'] {
+    flex-wrap: wrap;
+  }
+`,sl=Ue.div`
+  display: flex;
+
+  padding: 8px;
+
+  border-radius: ${e=>e.theme.borderRadius};
+  cursor: pointer;
+
+  & > div {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+  }
+
+  &[data-selected='true'] {
+    border: 1px solid #2d87f3;
+    background: white;
+
+    .radio-group-item-heading {
+      color: #2d87f3;
+    }
+  }
+  &[data-selected='false'] {
+    border: 1px solid #f2f2f2;
+    box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);
+    .radio-group-item-heading {
+      color: #262626;
+    }
+  }
+  &[data-disabled='true'] {
+    cursor: auto;
+  }
+
+  .radio-group-item-heading {
+    margin-top: 8px;
+    text-align: center;
+  }
+
+  .gender-image {
+    width: 23px;
+    height: 36px;
+    object-fit: contain;
+  }
+`,cl=({value:a,options:n,className:i,direction:l="horizontal",onChange:r,isDisabled:o})=>{const[s,c]=t(a);return e.createElement(ol,{className:i,"data-direction":l},n.map(((t,n)=>e.createElement(sl,{"data-selected":(a||s)===t.value,"data-disabled":o,key:`health-tool${n}`,onClick:()=>{var e;e=t.value,o||(c(e),r&&r(e))}},e.createElement("div",null,e.createElement("img",{src:(a||s)===t.value?t.imageActive:t.image,className:"gender-image",alt:"",loading:"lazy"}),t.label&&e.createElement(p,{weight:"bold",className:"radio-group-item-heading",size:"label1"},t.label))))))},dl=Ue(te)`
+  margin: 0 auto 24px;
+  width: 100%;
+  ${q.mbUp} {
+    max-width: 200px;
+  }
+`;Ue.div`
+  display: flex;
+  gap: 10px;
+  line-height: 1;
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
+  ${q.mbUp} {
+    padding-right: 16px;
+    padding-bottom: 10px;
+    flex-wrap: wrap;
+    align-items: center;
+    &[data-is-side='true'] {
+      width: 100%;
+      justify-content: unset;
+      .label {
+        margin-bottom: 9px;
+      }
+    }
+  }
+  &[data-is-side='true'] {
+    ${q.mbDown} {
+      width: 100%;
+      .label {
+        margin-bottom: 9px;
+      }
+    }
+  }
+  ${q.mbDown} {
+    width: 100%;
+    .label {
+      margin-bottom: 9px;
+    }
+  }
+`,Ue(j)`
+  &.bmi--input {
+    + .bmi--input {
+      margin-top: 24px;
+    }
+    .inputLabel {
+      display: inline-block;
+      margin-bottom: 5px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+    .errorLabel {
+      line-height: 1.3;
+    }
+    input[type='radio'] {
+      padding: 0;
+    }
+    .bmi--input-radio_gender {
+      width: 100%;
+      gap: 16px;
+      > div {
+        width: calc(50% - 8px);
+      }
+      & > div > div {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-content: center;
+        gap: 8px;
+        padding-block: 5px;
+      }
+    }
+    .radio-group-item-heading {
+      margin-top: 0;
+    }
+  }
+
+  ${q.mbUp} {
+    &.bmi--input {
+      .bmi--input-radio_gender {
+        > div {
+          max-width: 186px;
+        }
+      }
+    }
+  }
+
+  ${q.mbDown} {
+    &.bmi--input {
+      .bmi--input-radio_gender {
+        > div {
+          .gender-image {
+            width: 40px;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
+`;const ml=Ue.div``,pl=Ue.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  input {
+    font-size: 12px;
+  }
+  .gender-option {
+    gap: 16px;
+    > div {
+      width: calc(50% - 8px);
+    }
+  }
+  .input-label {
+    label {
+      display: inline-block;
+      margin-bottom: 9px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+  }
+`,gl=Ue.div`
+  ${q.mbUp} {
+    display: flex;
+    width: 100%;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 24px;
+    > div {
+      width: 100%;
+    }
+  }
+
+  ${q.mbDown} {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    margin-bottom: 8px;
+  }
+  &[data-is-side='true'] {
+    ${q.mbUp} {
+      display: flex;
+      flex-direction: column-reverse;
+      gap: 0px;
+    }
+  }
+`,ul=({info:n,className:i,style:l,onChange:r,errorMessage:o={},locale:s})=>{const{t:c}=se(),[d,m]=t(new Date),[g,u]=t({age:!1,rate:!1});return a((()=>{u({age:!1,rate:!1})}),[o]),e.createElement(ml,{style:l,className:i},e.createElement(Je,{className:"input-section due-date-input",label:e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("targetHeartRate.ageInput")),value:Bi(d),name:"date",size:"md",CustomInput:e.createElement(Fa,{customInput:t=>e.createElement("input",Object.assign({type:"date",className:"due-date-input"},t,{value:Bi(d)})),disabledDays:{after:new Date(tt(new Date,0))},locale:s,pickedDate:d,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{m(e),u((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},n),{age:et(new Date(e),Ni)});r&&r(t)})(e)},placeholder:"placeholder"}),errorMessage:g.age?"":o.age}))},hl=({isSide:n,locale:l,thrContent:r,isMobile:o,info:s,inputErrorMessage:c,onFormChange:d,onSubmit:m})=>{var g,u,h;const{t:b}=se(),{getHealthToolLink:v}=xt(l),y=i((()=>v(_.THR)),[v]),[f,x]=t(!1),[w,E]=t("low_intensity"),[k,C]=t("male"),[N,B]=t(60),[D,$]=t({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),P=[{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}],z=[{value:"low_intensity",label:b("targetHeartRate.lowIntensity.title"),image:ve.getAssetPath("/low.svg"),imageActive:ve.getAssetPath("/low-active.svg"),content:b("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:b("targetHeartRate.moderateIntensity.title"),image:ve.getAssetPath("/moderate.svg"),imageActive:ve.getAssetPath("/moderate-active.svg"),content:b("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:b("targetHeartRate.aerobicZone.title"),image:ve.getAssetPath("/aerobic.svg"),imageActive:ve.getAssetPath("/aerobic-active.svg"),content:b("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:b("targetHeartRate.vigorousIntensity.title"),image:ve.getAssetPath("/vigorous.svg"),imageActive:ve.getAssetPath("/vigorous-active.svg"),content:b("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:b("targetHeartRate.maximumIntensity.title"),image:ve.getAssetPath("/maximum.svg"),imageActive:ve.getAssetPath("/maximum-active.svg"),content:b("targetHeartRate.maximumIntensity.note")}];return a((()=>{const e=((new Date).getTime()-new Date(null==s?void 0:s.age).getTime())/1e3;x(e>=567648e3);const t=P.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||P[0];$(t),B(60)}),[null==s?void 0:s.age]),e.createElement(_i,{"data-is-side":n},e.createElement(yi,{isSide:n,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==r?void 0:r.featured_image)||ve.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:b("targetHearRate.heading"),medicalReview:(null===(g=null==r?void 0:r.reviewedBy)||void 0===g?void 0:g.display_name)?{link:Ct(null==r?void 0:r.reviewedBy),reviewer:null===(u=null==r?void 0:r.reviewedBy)||void 0===u?void 0:u.display_name,date:null==r?void 0:r.reviewedDate}:void 0,isMobile:o}),e.createElement(vt,null,e.createElement(Oi,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":n},e.createElement(gl,{"data-is-side":n},e.createElement(pl,null,e.createElement(ua,{defaultValue:"male",onChange:e=>{C(e),B(60)},styles:e=>({root:!n&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:Ce(12)}}})}))),e.createElement(gl,null,e.createElement(ul,{info:s,locale:l,errorMessage:c,onChange:d})),e.createElement("div",{className:"slider-heart-rate"},e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray600},b("targetHeartRate.heartRateInput")),e.createElement("div",{className:"slider-outer-wrapper"},e.createElement(ut,{containerStyle:{flex:1},min:"male"===k?D.rangeMale:D.rangeFemale,max:200,step:1,value:N,withControl:!0,onChange:B}))),f&&e.createElement(pl,null,e.createElement(Ii,null,e.createElement(p,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:ye.colors.gray600,marginBottom:"9px"}},b("targetHeartRate.selectActive")),e.createElement("div",{className:"card"},e.createElement(cl,{options:z.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:w,onChange:e=>{E(e)},className:"gender-selector"})),w&&e.createElement("div",{className:"note"},e.createElement("img",{style:{height:"16px",width:"16px"},src:ve.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),e.createElement(p,{size:"s4",color:"#595959"},null===(h=z[z.findIndex((e=>e.value==w))||0])||void 0===h?void 0:h.content)),!w&&e.createElement("span",{style:{color:"#e64728"}},c.intensity)))),e.createElement("div",{style:{display:"flex"}},e.createElement(dl,{size:"lg",onClick:()=>{m(k,w,[N])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${de[l]}/${y}`},b("bmi.submit")))))},bl=Ue(te)`
+  margin: 0 auto 24px;
+  ${q.mbUp} {
+    max-width: 200px;
+    margin: 24px auto;
+  }
+`;Ue(j)`
+  &.bmi--input {
+    + .bmi--input {
+      margin-top: 24px;
+    }
+    .inputLabel {
+      display: inline-block;
+      margin-bottom: 5px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+    .errorLabel {
+      line-height: 1.3;
+    }
+    input[type='radio'] {
+      padding: 0;
+    }
+    .bmi--input-radio_gender {
+      width: 100%;
+      gap: 16px;
+      > div {
+        ${q.mbDown} {
+          width: calc(50% - 8px);
+        }
+        width: calc(33% - 8px);
+      }
+      & > div > div {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-content: center;
+        gap: 8px;
+        padding-block: 5px;
+      }
+    }
+    .bmi-side-embed {
+      > div {
+        ${q.mbUp} {
+          width: calc(50% - 8px);
+        }
+      }
+    }
+    .radio-group-item-heading {
+      margin-top: 0;
+    }
+  }
+
+  ${q.mbDown} {
+    &.bmi--input {
+      .bmi--input-radio_gender {
+        > div {
+          .gender-image {
+            width: 40px;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
+`;const vl=Ue.div``,yl=Ue.div`
+  margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  input {
+    font-size: 12px;
+    ::placeholder {
+      color: #8c8c8c;
+      opacity: 1;
+    }
+  }
+  .gender-option {
+    gap: 16px;
+    > div {
+      width: calc(50% - 8px);
+    }
+  }
+  .input-label {
+    label {
+      display: inline-block;
+      margin-bottom: 9px;
+      color: #595959;
+      font-weight: bold;
+      font-size: 12px;
+    }
+  }
+`,fl=Ue.div`
+  ${q.mbUp} {
+    display: flex;
+    width: 100%;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 12px;
+    > div {
+      width: 100%;
+    }
+    &[data-is-side='true'] {
+      ${q.mbUp} {
+        display: flex;
+        flex-direction: column;
+        gap: 0px;
+      }
+    }
+  }
+  ${q.mbDown} {
+    display: flex;
+    flex-direction: column;
+    gap: 0px;
+  }
+`,xl=({info:n,className:l,style:r,onChange:o,errorMessage:s={},locale:c,onClick:d,isSide:m})=>{const{t:g}=se(),[u,h]=t({age:!1,height:!1,weight:!1}),{getHealthToolLink:b}=xt(c),v=i((()=>b(_.OVULATION)),[b]),[y,f]=t("male"),x=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},w=e=>{var t,a;a=e=>{h((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},n),{age:e});o&&o(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||a(t)};return a((()=>{o&&o(Object.assign(Object.assign({},n),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),a((()=>{h({age:!1,height:!1,weight:!1})}),[s]),e.createElement(vl,{style:r,className:l},e.createElement(yl,{"data-is-side":m},e.createElement(ua,{defaultValue:"male",onChange:e=>f(e),styles:e=>({root:!m&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:Ce(12)}}})})),e.createElement(fl,{"data-is-side":m},e.createElement(yl,null,e.createElement(ae.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray600},g("bmi.ageInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray300,as:"span"},g("bmi.ageInput.desc"))),placeholder:g("healthtool.placeholder.age"),value:Number(n.age),onChange:e=>w(String(e)),error:u.age?"":s.age,min:0})),e.createElement(yl,null,e.createElement(ae.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray600},g("bmi.heightInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray300,as:"span"},g("bmi.heightInput.desc"))),placeholder:g("pwg.placeholder.height"),value:Number(n.height),onChange:e=>{return t=String(e),void x(t,(e=>{h((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},n),{height:e});o&&o(t)}));var t},error:u.height?"":s.height,min:0})),e.createElement(yl,null,e.createElement(ae.Number,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray600},g("bmi.weightInput")," ",e.createElement(p,{size:"s4",weight:"semiBold",color:ye.colors.gray300,as:"span"},g("bmi.weightInput.desc"))),placeholder:g("pwg.placeholder.weight"),value:Number(n.weight),onChange:e=>{return t=String(e),h((e=>Object.assign(Object.assign({},e),{weight:!0}))),void x(t,(e=>{const t=Object.assign(Object.assign({},n),{weight:e});o&&o(t)}));var t},error:u.weight?"":s.weight,min:0,precision:1}))),e.createElement("div",{style:{display:"flex"}},e.createElement(bl,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${de[c]}/${v}`,onClick:()=>{d(y)}},g("bmi.submit"))))},wl=({isSide:t,locale:a,bmrContent:n,isMobile:i,info:l,inputErrorMessage:r,onFormChange:o,onSubmit:s})=>{var c,d,m;const{t:p}=se();return e.createElement(_i,{"data-is-side":t},e.createElement(yi,{isSide:t,icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||ve.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:p("bmr.heading"),medicalReview:{link:null===(c=null==n?void 0:n.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(d=null==n?void 0:n.reviewBy)||void 0===d?void 0:d.reviewer,date:null===(m=null==n?void 0:n.reviewBy)||void 0===m?void 0:m.date},isMobile:i}),e.createElement(vt,null,e.createElement(Oi,{onSubmit:e=>e.preventDefault(),"data-is-side":t},e.createElement(Si,null,e.createElement(xl,{info:l,locale:a,errorMessage:r,onChange:o,onClick:s,isSide:t})))))},El=({locale:a,onSubmit:n,isSide:l,siteType:r})=>{const{t:o}=se(),[s,c]=t(new Date),[d,m]=t(28),[u,h]=t(7),b={cycle:d,periodDateStart:s,periodLength:u},v=i((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(e.Fragment,null,e.createElement(ki,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?e.createElement(xi,{label:o("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:Bi(s),CustomInput:e.createElement(Fa,{onChange:e=>{c(e)},placeholder:"dd/mm/yyyy",pickedDate:s,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:tt(new Date,-45),after:new Date},customInput:t=>e.createElement(Je,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:s&&Re(s).format(O)}))}),actionIcon:e.createElement(g.CalendarMB,{size:32})}):e.createElement(Je,{label:e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.lastPeriod.lastPeriodLabel")),value:Bi(s),size:"md",name:"date",className:"due-date-input",CustomInput:e.createElement(Fa,{customInput:t=>e.createElement("input",Object.assign({},t,{type:"date",className:"due-date-input",value:Bi(s)})),locale:a,pickedDate:s,displayDateFormat:gt,onChange:e=>{c(e)},disabledDays:{before:tt(new Date,-45),after:new Date},placeholder:"Chọn ngày"})})),e.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===r?"marryBaby":"","data-is-side":l},"marryBaby"===r?e.createElement(ht,{type:"bodytext-3",color:ye.mbColors.midGray},o("ovulationPage.cycleLength")):e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959"},o("ovulationPage.cycleLength")+" ",e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},o("ovulationPage.dayUnit"))),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&e.createElement(p,{size:"s3",weight:"semiBold",color:ye.colors.gray600},d),e.createElement(ut,{containerStyle:{flex:1},min:21,max:45,step:1,value:d,onChange:m,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,label:"marryBaby"!==r?void 0:null}))),e.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===r?"marryBaby":"","data-is-side":l},"marryBaby"===r?e.createElement(ht,{type:"bodytext-3",color:ye.mbColors.midGray},o("ovulationPage.periodDuration")):e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959"},o("ovulationPage.periodDuration")+" ",e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},o("ovulationPage.dayUnit"))),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&e.createElement(p,{size:"s3",weight:"semiBold",color:ye.colors.gray600},u),e.createElement(ut,{containerStyle:{flex:1},min:1,max:15,step:1,value:u,onChange:h,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,label:"marryBaby"!==r?void 0:null}))),e.createElement("div",{style:{width:"100%",display:"flex"}},e.createElement(te,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===r?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:v,onClick:()=>{localStorage.setItem("ovulationInfo",JSON.stringify(b)),n&&n({startDate:s,cycle:d,periodLength:u})},role:"button"},o("dueDatePage.lastPeriod.calculate"))))};var kl;!function(e){e[e.trackPeriod=0]="trackPeriod",e[e.conceive=1]="conceive",e[e.avoidPregnancy=2]="avoidPregnancy"}(kl||(kl={}));const Cl=({locale:a,onSubmitOvulation:n,isSide:i,siteType:l})=>{const{t:r}=se(),[o,s]=t(kl.trackPeriod),c=[{label:r("ovulationPage.trackPeriod"),value:kl.trackPeriod},{label:r("ovulationPage.conceive"),value:kl.conceive},{label:r("ovulationPage.avoidPregnancy"),value:kl.avoidPregnancy}];return e.createElement(Mi,null,e.createElement(wi,{className:"input-form input-section","data-is-side":!0},"marryBaby"===l?e.createElement(fi,{groupedWithLabel:r("dueDatePage.calculationMethod"),options:c,placeholder:r("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:c[o],onChange:e=>{s(e.value)}}):e.createElement(e.Fragment,null,e.createElement(p,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},r("ovulationPage.objectives")),e.createElement(Ei,{"data-is-side":i},e.createElement(bt,{options:c,placeholder:r("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"md",value:c[o],onChange:e=>{s(e.value)}})))),e.createElement(El,{siteType:l,locale:a,onSubmit:({startDate:e,cycle:t,periodLength:a})=>{n&&n({method:o,periodDateStart:e,cycle:t,periodLength:a})},isSide:i}))},Nl=({onSubmitOvulation:t,locale:a,ovulationPageInfo:n,expertUrl:i,isSide:l=!1,siteType:r,isMobile:o})=>{var s;const{t:c}=se();return e.createElement(_i,{"data-is-side":l,"data-site":r},e.createElement(yi,{isSide:l,bannerUrl:ve.getAssetPath("embedToolBannerPink.svg"),siteType:r,bannerColor:"marryBaby"===r&&ye.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||ve.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:c("healthTools.ovulationCalculator"),medicalReview:{link:i,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(Oi,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":l},e.createElement(Cl,{siteType:r,locale:a,onSubmitOvulation:t,isSide:l})))},Bl=({siteType:i,info:l,onChange:r,errorMessage:o={}})=>{const{t:s}=se(),[c,d]=t({weightBefore:!1,height:!1,weight:!1}),[m,p]=t(0),g=n(null);a((()=>{var e;p(null===(e=g.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=>{d((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},l),{weightBefore:e});r&&r(t)}))},b=e=>{u(e,(e=>{d((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});r&&r(t)}))},v=e=>{u(e,(e=>{d((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},l),{weight:e});r&&r(t)}))};return a((()=>{r&&r(Object.assign({},l))}),[]),a((()=>{d({weightBefore:!1,height:!1,weight:!1})}),[o]),"marryBaby"===i?e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(xi,{label:s("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==l?void 0:l.height,CustomInput:e.createElement(Je,{className:(null==c?void 0:c.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.height,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.height)?"":null==o?void 0:o.height,showErrorMessage:!1,onChange:b})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(xi,{label:s("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==l?void 0:l.weightBefore,CustomInput:e.createElement(Je,{className:(null==c?void 0:c.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.weightBefore,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==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(xi,{label:s("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==l?void 0:l.weight,CustomInput:e.createElement(Je,{className:(null==c?void 0:c.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.weight,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==c?void 0:c.weight)?"":null==o?void 0:o.weight,showErrorMessage:!1,onChange:v})}))):e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg"},e.createElement(j,{placeholder:s("pwg.placeholder.height"),className:"input-section",label:e.createElement("span",{style:{color:ye.colors.gray600,fontWeight:"bold",marginBottom:"9px"},className:"label-text"},s("pregnancyWeightGain.heightInput")," ",e.createElement("span",{style:{color:`${ye.colors.gray300}`}},s("bmi.heightInput.desc"))),errorMessage:c.height?"":null==o?void 0:o.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==l?void 0:l.height,onChange:b})),e.createElement("div",{className:"input-form-pwg"},e.createElement(j,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:ye.colors.gray600,fontWeight:"bold",marginBottom:"9px"},ref:g,className:"label-text"},s("pregnancyWeightGain.weightBeforeInput")," ",e.createElement("span",{style:{color:`${ye.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==l?void 0:l.weightBefore})),e.createElement("div",{className:"input-form-pwg"},e.createElement(j,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:ye.colors.gray600,fontWeight:"bold",marginBottom:"9px",minHeight:m},className:"label-text"},s("pregnancyWeightGain.weightInput")," ",e.createElement("span",{style:{color:`${ye.colors.gray300}`}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:c.weight?"":null==o?void 0:o.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==l?void 0:l.weight,onChange:v})))},Dl=({locale:a,onClick:n,inputErrorMessage:l,pwgContent:r,onFormChange:o,info:s,isMobile:c,isSide:d=!1,siteType:m})=>{var g;const{t:u}=se(),[h,b]=t("notwins"),[v,y]=t({label:"1",value:1}),f=i((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:x}=xt(a),w=i((()=>x(_.PWG)),[x]);return e.createElement(_i,{"data-is-side":d,"data-site":m},e.createElement(yi,{siteType:m,bannerColor:"marryBaby"===m&&ye.mbColors.mint,isEmbeded:!0,color:"pink",icon:e.createElement("img",{alt:"health-tool-icon",src:(null==r?void 0:r.featuredImage)||ve.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:u("pregnancyWeightGain.heading"),medicalReview:{link:Ct(null==r?void 0:r.reviewedBy),reviewer:null===(g=null==r?void 0:r.reviewedBy)||void 0===g?void 0:g.display_name,date:null==r?void 0:r.reviewedDate},isMobile:c,isSide:d}),e.createElement(vt,null,e.createElement(Oi,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":d},"marryBaby"!==m&&e.createElement(zi,{className:"hide-asking-mobile","data-is-side":d},e.createElement(p,{size:"s4",weight:"semiBold",style:{display:"block",color:ye.colors.gray600},className:"label"},u("pregnancyWeightGain.havingTwins")),e.createElement(Fi,{options:[{value:"twins",label:u("switchBtn.yes")},{value:"notwins",label:u("switchBtn.no")}],value:h,onChange:e=>b(e),className:"gender-selector",id:"twins-check",direction:"horizontal",size:"small"})),e.createElement(Mi,null,e.createElement(Ti,{className:"input-section input-form-pwg","data-is-side":d},"marryBaby"===m?e.createElement(fi,{groupedWithLabel:u("pregnancyWeightGain.weekInput"),options:f,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:v,onChange:e=>y({label:e.label,value:e.value})}):e.createElement(e.Fragment,null,e.createElement(p,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:ye.colors.gray600}},u("pregnancyWeightGain.weekInput")),e.createElement(bt,{options:f,placeholder:String(v.label),id:"weight-gain-dropdown",size:"md",value:v,onChange:e=>y({label:e.label,value:e.value})}))),e.createElement(Bl,{siteType:m,info:s,errorMessage:l,onChange:o})),"marryBaby"!==m&&e.createElement(zi,{className:"hide-asking-desk","data-is-side":d},e.createElement(p,{size:"s4",weight:"semiBold",style:{display:"block",color:ye.colors.gray600},className:"label"},u("pregnancyWeightGain.havingTwins")),e.createElement(Fi,{options:[{value:"twins",label:u("switchBtn.yes")},{value:"notwins",label:u("switchBtn.no")}],value:h,onChange:e=>b(e),className:"gender-selector",id:"twins-check-mobile",direction:"horizontal",size:"small"})),"marryBaby"===m&&e.createElement(ca,{name:"twins",label:u("pregnancyWeightGain.havingTwins"),checked:"twins"===h,siteType:"marryBaby",onChange:()=>{b("twins"===h?"notwins":"twins")},value:"twins"}),e.createElement(Li,{"data-is-side":d,"data-site":m},e.createElement(te,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${de["marryBaby"===m?"vi-VN_MB":a]}/${w}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===m?"secondary":"primary",onClick:()=>n(h,v.value),role:"button"},u("dueDatePage.lastPeriod.calculate"))))))},$l=Ue.div`
+  flex: 1;
+`,Pl=Ue.div`
+  padding: 0 10px;
+`,zl=Ue.div`
+  display: flex;
+  height: 80px;
+  align-items: center;
+  .calendar-month {
+    font-size: 16px;
+    flex: 1;
+    text-align: center;
+    strong {
+      margin-left: 5px;
+    }
+  }
+  ${q.mbDown} {
+    height: 70px;
+  }
+`,Sl=Ue.div`
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  row-gap: 2px;
+`,Ll=Ue(Sl)`
+  margin-bottom: 8px;
+`;Ue.div`
+  height: 40px;
+  width: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;const Ml=Ue.div`
+  font-size: 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: 1px solid ${e=>e.theme.colors.gray800};
+  font-weight: 300;
+`,Tl=Ue.div`
+  width: 18px;
+  position: relative;
+  &::before {
+    content: '';
+    position: absolute;
+    inset: 16px 0 0 0;
+    width: 1px;
+    left: 50%;
+    right: 50%;
+    background: ${e=>e.theme.colors.neutral100};
+  }
+`,Il=Ue.div`
+  margin: 0 auto;
+`,Al=Ue.div`
+  position: relative;
+`,jl=Ue(Sl)``,Ol=Ue.div`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 34px;
+  ${q.mbUp} {
+    height: 38px;
+  }
+  &[data-is-disabled='true'] {
+    opacity: 0.3;
+  }
+  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {
+    background-color: ${e=>e.theme.colors.gray100};
+  }
+  &:before {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background-color: ${e=>e.theme.colors.gray100};
+  }
+  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {
+    background-color: transparent;
+    &:before {
+      content: '';
+      left: 50%;
+      right: 0;
+    }
+  }
+
+  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],
+  &:hover[data-in-range='true']:is([data-has-range='false'] &) {
+    background-color: transparent;
+    &:before {
+      content: '';
+      left: 0;
+      right: 50%;
+    }
+  }
+`,_l=Ue.div`
+  position: relative;
+  font-weight: 600;
+  ${q.mbDown} {
+    width: 32px;
+    height: 32px;
+  }
+  ${q.mbUp} {
+    width: 36px;
+    height: 36px;
+  }
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  [data-is-disabled='true'] & {
+    cursor: not-allowed;
+  }
+  line-height: 1;
+  color: 1px solid ${e=>e.theme.colors.gray800};
+  [data-is-selected='true'] &,
+  [data-is-today='true'] &,
+  [data-is-selected='false']:hover & {
+    border-radius: 32px;
+  }
+  [data-is-selected='true'] & {
+    background-color: ${e=>e.theme.colors.primaryBase};
+    color: white;
+  }
+  [data-is-selected='false']:hover & {
+    background-color: ${e=>e.theme.colors.primary50};
+  }
+  [data-is-today='true'][data-is-selected='false'] & {
+    background-color: transparent;
+    border-radius: 32px;
+    border: 1px solid ${e=>e.theme.colors.primaryBase};
+  }
+`;const Fl={"en-PH":Dt,"vi-VN":Pt,"zh-TW":zt,"id-ID":$t};function Hl(a){const{value:n={from:null,to:null}}=a,[l,r]=t(null),{isMobile:o}=K(),[s,c]=t((()=>n)),[d,m]=t((()=>{var e;return nt(null!==(e=n.from)&&void 0!==e?e:new Date)})),p=i((()=>it(d,1)),[d]);const g=Object.assign(Object.assign({},a),{goToNextMonth:function(){m((e=>it(e,1)))},goToPreviousMonth:function(){m((e=>lt(e,1)))},range:s,setRange:c,hoverDay:l,setHoverDay:r});return e.createElement(e.Fragment,null,e.createElement(Rl,Object.assign({},g,{date:d})),!o&&e.createElement(Tl,null),!o&&e.createElement(Rl,Object.assign({},g,{date:p})))}function Rl({date:t,range:n,setRange:l,onChange:r,goToPreviousMonth:o,goToNextMonth:s,minDate:c,maxDate:d,close:m=(()=>{}),autoClose:p=!1,hoverDay:g,setHoverDay:u}){const{locale:h}=se(),b=i((()=>{var e;return null!==(e=Fl[h])&&void 0!==e?e:Fl["en-PH"]}),[h]),v=i((()=>et(t,"MMMM",{locale:b})),[t,b]),y=i((()=>b?[1,2,3,4,5,6,0].map((e=>b.localize.day(e,{width:"narrow"}))):[]),[b]);function f(t,a){if(null===t)return e.createElement(Ol,{key:`idx-${a}`,"data-empty":"true"});const i=t.getDate(),r=ot(t),o=!!n.from&&st(n.from,t),s=!!n.to&&st(n.to,t),h=o||s;let b=!1;null!==g&&n.from&&at(n.from,g)&&!n.to?b=ct(t,{start:n.from,end:g}):n.from&&n.to&&(b=ct(t,{start:n.from,end:n.to}));let v=!1;return c&&d?v=!ct(t,{start:c,end:d}):c?v=at(t,c):d&&(v=dt(t,d)),e.createElement(Ol,{key:i,"data-is-today":r,"data-is-past":!r&&mt(t),"data-is-selected":h,"data-is-disabled":v,"data-in-range":b,"data-is-from":o,"data-is-to":s,onMouseEnter:()=>{u(t)},onMouseLeave:()=>u(null),onClick:()=>{v||l((e=>(p&&n.from&&!n.to&&m(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?at(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(_l,{onClick:()=>{}},e.createElement("p",null,i)))}return a((()=>{n.from&&n.to&&r(n)}),[n]),e.createElement($l,{className:"calendar-wrapper"},e.createElement(zl,null,e.createElement(Ke,{onClick:o,size:"md",color:"ghost",icon:e.createElement("img",{src:ve.getAssetPath("calendarArrowLeft.svg"),loading:"lazy"})}),e.createElement("div",{className:"calendar-month"},v,e.createElement("strong",null,et(t,"yyyy"))),e.createElement(Ke,{onClick:s,size:"md",color:"ghost",icon:e.createElement("img",{src:ve.getAssetPath("calendarArrowRight.svg"),loading:"lazy"})})),e.createElement(Pl,null,e.createElement("div",null,e.createElement(Ll,null,y.map(((t,a)=>e.createElement(Ml,{key:`${t}-${a}`},t))))),e.createElement("div",null,function(){const a=t.getFullYear(),i=t.getMonth(),l=rt(t),r=[];for(let e=1;e<=l;e++)r.push(new Date(a,i,e));const o=r[0]?r[0].getDay():0;if(1!==o){const e=0===o?6:o-1;for(let t=0;t<e;t++)r.unshift(null)}return e.createElement(Al,{key:`month-${i}`,"data-month-index":i,"data-has-range":Boolean(n.from&&n.to)},e.createElement(Il,null,e.createElement(jl,null,r.map(f))))}())))}const Ul=Ue.div`
+  display: block;
+  position: relative;
+  width: 270px;
+  input {
+    pointer-events: none;
+    caret-color: transparent;
+  }
+  ${q.mbDown} {
+    width: 100%;
+  }
+`,Wl=Ue.div`
+  display: flex;
+  position: absolute;
+  top: 46px;
+  left: 0;
+  width: 684px;
+  border: 1px solid ${e=>e.theme.colors.gray200};
+  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))
+    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))
+    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));
+  border-radius: ${e=>e.theme.borderRadius};
+  background-color: white;
+  z-index: 100;
+  padding-bottom: 16px;
+  align-items: stretch;
+  user-select: none;
+  ${q.mbDown} {
+    width: 100%;
+  }
+`;function Vl({inputSize:a="md",name:l="date-range-picker",value:r,minDate:o,maxDate:s,onChange:c,className:d,autoClose:m=!1}){r||(r={from:null,to:null});const[p,g]=t(!1);function u(){g(!1)}const h=n(null);function b(e){c&&c(e)}function v(e){return et(e,"dd/MM/yyyy")}Bt(h,(()=>{u()}));const y=i((()=>r.from&&r.to?st(r.from,r.to)?v(r.from):`${v(r.from)} - ${v(r.to)}`:""),[r.from,r.to]);return e.createElement(Ul,{className:[d,p&&"focused"].filter(Boolean).join(" "),ref:h},e.createElement("label",{htmlFor:l},e.createElement(j,{size:a,value:y,name:l,actionIcon:e.createElement("img",{src:ve.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>g(!0)})),p?e.createElement(Wl,{onMouseDown:e=>{e.stopPropagation()}},e.createElement(Hl,{value:r,onChange:b,minDate:o,maxDate:s,close:u,autoClose:m})):null)}var Gl="WUqzfRb",Zl="MnVGtSY",ql="NclbhXQ";const Yl=({LinkComponent:t,page:a,isLast:n,onChangePage:i})=>{const{label:l,value:r,isDropdown:o,dropdownItems:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:m}=a;return o?e.createElement(bt,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:i,className:"collapsed-breadcrumb"}):e.createElement("div",{className:ql,title:"string"!=typeof l?r:l,"data-last":n},t&&e.createElement(t,{"data-event-category":c,"data-event-action":d,"data-event-label":m,href:r||"#"},l))},Xl=({className:t,pages:a,size:n,LinkComponent:r="a",onChangePage:o,separator:s})=>{const c=i((()=>a.map(((e,t)=>a.length>4?t>1&&t<a.length-2?null:1===t?Object.assign(Object.assign({},e),{isDropdown:1===t,dropdownItems:a.slice(1,a.length-2)}):e:e)).filter(Boolean)),[a]);return e.createElement("div",{"data-size":n,className:`${Gl} ${t||""}`},c.map(((t,a)=>{const i=a+1===c.length;return e.createElement(l,{key:a},e.createElement(Yl,{LinkComponent:r,page:t,isLast:i,onChangePage:o}),!i&&(t.separator||s||e.createElement("div",{className:Zl,"data-size":n})))})))},Kl=Ue.div`
+  display: flex;
+  gap: 20px;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  .icon-group {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    a,
+    svg {
+      width: 32px;
+      height: 32px;
+    }
+    .share {
+      width: 32px;
+      height: 32px;
+      padding: 8px;
+
+      &:hover {
+        background-color: ${e=>e.theme.colors.neutral50};
+      }
+
+      svg {
+        margin: 0;
+        width: 16px;
+        height: 16px;
+      }
+    }
+  }
+`,Jl=()=>e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none"},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"})),Ql=({url:t,onCopied:a,locale:n,siteType:l})=>{const{t:r}=se(),o=St(t||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(n))),s=i((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(Kl,null,e.createElement(p,{size:"p3",color:ye.colors.gray800},r("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":s},t.icon))),e.createElement(Ke,{theme:l,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(Jl,null),onClick:()=>xe(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":s})))},er=Ue(kt)`
+  padding-bottom: 24px;
+  .share-container {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+  .icon-group {
+    margin-top: 12px;
+    display: flex;
+    gap: 16px;
+    img {
+      border-radius: 8px;
+    }
+  }
+  .input-group {
+    margin-top: 8px;
+    display: flex;
+    gap: 8px;
+    button {
+      padding: 10px;
+      &:hover {
+        background-color: ${e=>e.theme.colors.neutral50};
+      }
+    }
+    svg {
+      margin: 0;
+    }
+    a,
+    svg:not(.copy) {
+      width: 32px;
+      height: 32px;
+    }
+  }
+`,tr=()=>e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",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"})),ar=t=>{var{open:n,title:i,onClose:l,onCopied:r,onShared:s,url:c,locale:d}=t,m=fe(t,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:g}=se(),u=o((()=>xe(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(c),null==r||r()}))),[c,r]),h=St(c||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(d)));return a((()=>{n&&navigator.share&&navigator.share({title:null!=i?i:"Read This Post",url:c}).then((()=>{null==s||s()})).catch((()=>{null==l||l()}))}),[c,i,s,n]),"undefined"!=typeof navigator&&navigator.share?null:e.createElement(er,Object.assign({title:g("share.title"),onClose:l,open:n,placement:"bottom"},m),e.createElement("div",{className:"share-container"},e.createElement("div",{className:"icon-container"},e.createElement(p,{weight:"semiBold",size:"s3",color:ye.colors.gray600},g("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(p,{weight:"semiBold",size:"s3",color:ye.colors.gray600},g("share.copyLink")),e.createElement("div",{className:"input-group"},e.createElement(Je,{name:"link",size:"md",value:c,isDisabled:!0}),e.createElement(Ke,{size:"md",type:"button",color:"tertiary",icon:e.createElement(tr,null),onClick:u})))))},nr=Ue.div`
+  position: fixed;
+  z-index: 48;
+  bottom: 0;
+  left: 50%;
+  width: fit-content;
+  max-width: 100%;
+  background: none;
+  transform: translateX(-50%);
+  .close-sticky-button {
+    position: absolute;
+    display: flex;
+    width: 16px;
+    height: 16px;
+    align-items: center;
+    justify-content: center;
+    background: #bfbfbf;
+    border-radius: 50%;
+    color: white;
+
+    cursor: pointer;
+    font-size: 12px;
+    line-height: 12px;
+    transform: translate(50%, -50%);
+    top: 0;
+    right: 0;
+  }
+  opacity: 0;
+  pointer-events: none;
+  &[data-visible='true'] {
+    opacity: 1;
+    pointer-events: auto;
+  }
+`,ir=Ue.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  max-width: 100%;
+  width: fit-content;
+  height: fit-content;
+  margin-inline: auto;
+  /* margin: 1rem auto; */
+  &[data-no-wrapper='false'] {
+    border: 1px solid ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}};
+    background: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}};
+  }
+  &[data-no-wrapper='true'] {
+    line-height: 0;
+  }
+  &[data-header-bottom='true'] {
+    flex-direction: column-reverse;
+    background: none;
+    border: none;
+  }
+`,lr=Ue.div`
+  /* background: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}}; */
+  width: 100%;
+  padding: 0 5px 1.5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  text-transform: capitalize;
+  img {
+    height: 12px;
+    width: 12px;
+    max-width: 12px;
+    max-height: 12px;
+  }
+  &[data-header-bottom='true'] {
+    background: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}};
+  }
+  span {
+    font-size: 10px;
+    line-height: 12px;
+    color: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray400}};
+    font-weight: 400;
+  }
+`,rr=Ue.div`
+  background-color: white;
+  background-image: url(${ve.getAssetPath("close-blue.svg")});
+  background-repeat: no-repeat;
+  background-size: 10px;
+  background-position: center;
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  cursor: pointer;
+`,or={},sr=e=>{if(or[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([or[e]]),delete or[e]}))}},cr=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],dr=r(c((function({className:i,adUnitPath:l,size:r,divId:o,pos:s,sizeMapping:c,contentId:d,isHidden:m,hideIfHasSubot:p,isSticky:g,refreshInterval:u,customTargetings:h,style:b,adDefaultSize:v,noWrapper:y,showCloseBtn:f,onCloseAd:x,headerBottom:w,wrapperProps:E,locale:k,isMarryBaby:C},N){const B=u||(k===He.Vietnam&&s.some((e=>cr.includes(e)))?30:void 0),{t:D}=se(),$=n(null),P=n(null),z=n(B);z.current=B;const[S,L]=t(!1),M=()=>{z.current&&(null!==P.current&&clearInterval(P.current),P.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){or[o]&&e.pubads().refresh([or[o]])}))}),1e3*z.current))};if(a((()=>()=>{sr(o),P.current&&clearInterval(P.current)}),[]),a((()=>{M()}),[B]),a((()=>{m||(({contentId:e,adUnitPath:t,size:a,divId:n,pos:i,sizeMapping:l,hideIfHasSubot:r,customTargetings:o,onSuccess:s})=>{if(!n||!document.getElementById(n))return console.error("divId is required");sr(n),window.googletag=window.googletag||{cmd:[]};const{googletag:c}=window;c.cmd.push((function(){const d=document.querySelector('meta[name="content_id"]'),m="string"==typeof e?e:null==d?void 0:d.content,p=c.defineSlot(t,a,n);if(p){try{o&&Object.keys(o).forEach((e=>{e&&(null==p||p.setTargeting(e,o[e]))}))}catch(e){console.error(e)}or[n]=p,p.setTargeting("Pos",i),p.addService(c.pubads()),m&&p.setTargeting("Content_ID",m),l&&p.defineSizeMapping(l),r&&document.getElementById("subot--container")&&p.setTargeting("chatbot",!0),c.display(n),null==s||s()}}))})({contentId:d,adUnitPath:l,size:r,divId:o,pos:s,sizeMapping:c,hideIfHasSubot:p,customTargetings:h,onSuccess:M})}),[m]),S)return null;const T=e.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},e.createElement("div",{ref:N,id:o}),f&&e.createElement(rr,{onClick:()=>{null==x||x(),L(!0)}}));if(g)return T;const I=v?v[0]:r?Array.isArray(r[0])?r[0][0]:r[0]:void 0,A=v?v[1]:r?Array.isArray(r[0])?r[0][1]:r[1]:void 0;return e.createElement(we,Object.assign({},E,{className:i}),e.createElement(ir,{ref:$,className:i,style:b,"data-no-wrapper":!!y,"data-header-bottom":!!w},y?T:e.createElement(e.Fragment,null,e.createElement(lr,{"data-header-bottom":!!w},e.createElement("img",{src:C?ve.getAssetPath("adsIcon-mb.svg"):ve.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),e.createElement("span",null,D("adBanner.title"))),e.createElement("div",{style:{minWidth:I||"100%",minHeight:A||"100%",position:"relative"}},T))))})),((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),mr=({className:i,adUnitPath:l,divId:r,isMobile:o,contentId:s,customTargetings:c,locale:d,isMarryBaby:m})=>{const[p,g]=t(!0),[u,h]=t(!1),[b,v]=t(!0),y=n(null),f=n(Lt()),x=n(null),w=n(),E=n();return a((()=>{const e=()=>{E.current&&clearTimeout(E.current),E.current=setTimeout((()=>{var t;document.getElementById("subot--container")?g(!0):(g(!1),(null===(t=y.current)||void 0===t?void 0:t.clientHeight)?v(!1):v(!0)),e()}),4e3)};return e(),()=>{w.current&&clearTimeout(w.current),E.current&&clearTimeout(E.current)}}),[]),p||u?null:e.createElement(nr,{key:o?"mobile":"desktop",ref:x,className:i,"data-visible":!b},l&&e.createElement(dr,{wrapperProps:{m:0},ref:y,adUnitPath:l,size:o?[[320,50],[320,100]]:[728,90],divId:(r||"div-gpt-ad-sticky")+(o?"-mobile":"")+s+String(f.current),pos:["Sticky"],contentId:s,hideIfHasSubot:o,customTargetings:c,adDefaultSize:o?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>h(!0),refreshInterval:60,locale:d,isMarryBaby:m}))},pr=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:ve.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:ve.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:ve.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var gr;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(gr||(gr={}));const ur={DUE_DATE:gr.DUE_DATE,BMI:gr.BMI,BMR:gr.BMR,OVULATION:gr.OVULATION,IFRAME:gr.IFRAME,PWG:gr.PWG,THR:gr.THR,BABY_VACCINE:gr.BABY_VACCINE,BABY_GROWTH:gr.BABY_GROWTH,BABY_POOP:gr.BABY_POOP},hr={[ur.DUE_DATE]:ve.getAssetPath("health-tools/due-date-icon.svg")};var br,vr,yr,fr;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(br||(br={})),function(e){e.Option="option"}(vr||(vr={})),function(e){e.Button="button",e.Checkbox="checkbox"}(yr||(yr={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(fr||(fr={}));const xr={pregnancy:br.Pregnant,parenting:br.Parenting},wr={[br.Pregnant]:"pregnant",[br.Parenting]:"parent"},Er=e=>({[ur.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:ur.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[ur.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:ur.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[ur.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:ur.BABY_GROWTH},[ue.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:ve.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:ve.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:ue.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),kr=d({}),Cr=t=>{var a=fe(t,[]);const{locale:n}=se(),{type:i,isMobile:l,currentUrl:r,isMarketing:o,isLoggedIn:s,setShouldAcquisitionModalOpen:c}=m(kr);return e.createElement(Se,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>xe(void 0,void 0,void 0,(function*(){const e=o?Mt(n)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;s?null==c||c():window.location.href=`${Tt(n)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":r,className:"pointer-event-child-none"},a),e.createElement(Y,{src:o?ve.getAssetPath(`newsletter/${l?"Mobile":"Desktop"}_Marketing.png`):ve.getAssetPath(`newsletter/${l?"Mobile":"Desktop"}_${i}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},Nr="api/v1/categories?site={website_url}",Br="api/v1/subscription?site={website_url}",Dr="api/v1/categories?site={website_url}";var $r=De((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:Ce(32),padding:`${Ce(6)} ${Ce(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const Pr=({heading:t,description:a,thumbnail:n={desktop:"",mobile:""},hideDescOnMobile:i,children:l})=>{const{isMobile:r,minHeight:o}=m(kr);return e.createElement(we,{sx:()=>({borderRadius:Ce(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},e.createElement(we,{sx:e=>({minHeight:Ce(o),borderRadius:"inherit",background:`url(${r?n.mobile:n.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${Ce(24)} ${Ce(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${Ce(22)} ${Ce(32)}`}})},e.createElement($e,{spacing:Ce(16)},e.createElement($e,{spacing:Ce(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},t&&e.createElement(M,{tag:"h4"},t),!(i&&r)&&a&&e.createElement(p,{size:"p4"},a)),e.createElement(we,null,l))))},zr=t=>{const{styleType:a=yr.Button,items:n=[],buttonProps:l,styles:r,submitBtnTracking:s}=t,{classes:c}=$r(void 0,{name:"PremiumBannerWithOptions",styles:r}),{t:d,locale:p}=se(),{surveyType:u,articleId:h,handleClickOption:b,hasPremiumBanner:v,source:y,isMobile:f,setShowPNModal:x}=m(kr),w=i((()=>v?n:n.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[n]),{getHealthToolLink:E}=xt(p),k=It({initialValues:{bannerOptions:[]}}),C=e=>xe(void 0,void 0,void 0,(function*(){return yield F(H(R.HEALTH_TOOL.CREATE,{_locale:p,type:wr[u]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:h,source:y}})})),N=o((()=>e.createElement(ke,{gap:Ce(8),className:c.wrapper},w.map(((t,a)=>e.createElement(we,{key:String(a),component:t.isLink?"a":"div",href:t.isRiskScreener?`https://${de[p]}/bot/${he[p][t.activeTool]}/`:t.isLink?E(t.activeTool):void 0},e.createElement(te,Object.assign({className:c.button,classNames:{label:c.buttonLabel},size:"sm"},t.tracking,l,{onClick:()=>{t.isLink||(t.isPNBtn&&x(!0),C(t.value),b(t.value))}}),t.label)))))),[w,k]),B=o((()=>e.createElement(ke,null,e.createElement(ke,{align:"center",gap:Ce(24),sx:e=>({background:"white",borderRadius:Ce(8),padding:Ce(4),[e.fn.largerThan("sm")]:{paddingLeft:Ce(16)}})},e.createElement(ne.Group,Object.assign({},k.getInputProps("bannerOptions",{type:"checkbox"})),e.createElement(ke,{gap:Ce(16)},w.map(((t,a)=>e.createElement(ne,{key:String(a),value:t.value,label:t.label,styles:{label:{cursor:"pointer"}}}))))),e.createElement(te,Object.assign({size:"sm"},s,l,{disabled:0===k.getInputProps("bannerOptions").value.length,leftIcon:f?e.createElement(g.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=k.getInputProps("bannerOptions").value;C(e.join("|")),b(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:Ce(38),minWidth:"auto",padding:0}}})}),!f&&d("pnBanner.submit"))))),[w,k]);return e.createElement(Pr,Object.assign({},t),a===yr.Button?N():a===yr.Checkbox?B():null)},Sr=t=>{var a,n;const{t:l}=se(),{heading:r,description:o,thumbnail:s,btnLabel:c,value:d,isRiskScreener:g,hideDescOnMobile:u,dataEventAction:h}=t,{locale:b}=se(),{isMobile:v}=m(kr),{getHealthToolLink:y,allTools:f}=xt(b),x=g?"mainBanner":"toolBanner",w=i((()=>{const t=g?`https://${ce?"":"discover."}${de[b]}/bot/${he[b][d]}`:y(d);return e.createElement("a",{href:t},e.createElement(te,{size:"sm","data-event-category":"Focused Audience","data-event-action":h,"data-event-label":t},c||l("pnBanner.caclNow")))}),[f]);return"mainBanner"===x?e.createElement(Pr,Object.assign({},Object.assign(Object.assign({},t),{thumbnail:t.thumbnail})),w):e.createElement(ke,{gap:Ce(7),align:"center",justify:"space-between",sx:e=>({borderRadius:Ce(8),background:e.colors.blue[0],minHeight:Ce(180),padding:`${Ce(24)} ${Ce(16)}`,[e.fn.largerThan("sm")]:{padding:`${Ce(34)} ${Ce(32)}`}})},e.createElement($e,{spacing:Ce(12)},e.createElement($e,{spacing:Ce(4)},r&&e.createElement(M,{tag:"h4"},r),!(v&&u)&&o&&e.createElement(p,{size:"p4"},o)),e.createElement(ke,{gap:Ce(8),sx:{button:{minWidth:Ce(120)}}},w)),e.createElement(ke,{align:"center",justify:"center",sx:e=>({width:Ce(96),height:Ce(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:Ce(112),height:Ce(112)},img:{maxWidth:Ce(64),[e.fn.largerThan("sm")]:{maxWidth:Ce(73)}}})},e.createElement("img",{alt:"health-tool-icon",src:s||(null===(n=null===(a=f.filter((e=>e.template===d)))||void 0===a?void 0:a[0])||void 0===n?void 0:n.icon)||hr[d]||"",loading:"lazy"})))},Lr=()=>{var t,a,n;const{t:i}=se(),{state:l,Outside:r}=m(kr);return(null==l?void 0:l.action)===fr.ShowTool?e.createElement(r,null,Er(i)[null===(t=null==l?void 0:l.props)||void 0===t?void 0:t.value]?e.createElement(Sr,Object.assign({},Er(i)[null===(a=null==l?void 0:l.props)||void 0===a?void 0:a.value],{value:null===(n=null==l?void 0:l.props)||void 0===n?void 0:n.value})):null):(null==l?void 0:l.action)===fr.ShowOptionBanner?e.createElement(r,null,e.createElement(zr,Object.assign({},null==l?void 0:l.props))):null},Mr=a=>{var{isMobile:n,children:i,desktopBanner:l=ve.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:r=ve.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:d}=a,m=fe(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:p,height:u}=Ge(),h=(u<=667?190:265)+p*s.height/s.width+74,[b,v]=t(!1);return e.createElement(jt,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:Ce(o.width),width:"100%",height:"100%",maxHeight:Ce(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"}}})},m),n?e.createElement(we,{sx:{position:"relative",height:"100%"},onTouchStart:()=>v(!0)},e.createElement(we,{className:"mobile-template",sx:{position:"absolute",height:100*(b?1:h/u)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},e.createElement(we,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:b?0:Ce(12),borderTopRightRadius:b?0:Ce(12)}},e.createElement(we,{sx:{height:"calc(100% - 74px)",background:`url(${r})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},e.createElement(Le,Object.assign({leftIcon:e.createElement(g.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:Ce(10)}},d,{onClick:()=>null==m?void 0:m.onClose()})),e.createElement(Me,{ratio:(null==s?void 0:s.width)/(null==s?void 0:s.height),w:"100%"}),e.createElement(we,{sx:{padding:`${Ce(28)} ${Ce(16)} ${Ce(16)}`,background:"white"}},i))))):e.createElement(Me,{className:"desktop-template",ratio:o.width/o.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},e.createElement(we,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:Ce(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:l,loading:"lazy",style:{borderTopLeftRadius:Ce(8),borderBottomLeftRadius:Ce(8),height:"100%",display:"block"}}),e.createElement(we,{sx:{position:"relative",height:"100%",width:(o.width-c.width)/o.width*100+"%"}},e.createElement(te,Object.assign({unstyled:!0,leftIcon:e.createElement(g.Close,null)},d,{onClick:()=>null==m?void 0:m.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),e.createElement(we,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${Ce(40)} ${Ce(24)} 0`}},i)))))},Tr="user/subscription",Ir=d({}),Ar=t=>{var{value:a,name:n}=t,i=fe(t,["value","name"]);return e.createElement(ie,Object.assign({value:a,withIcon:!0},i,{buttonProps:{styles:()=>({leftIcon:{marginRight:Ce(6)},root:{paddingLeft:Ce(10),paddingRight:Ce(10)}})}}),n)},jr=({topicsGroup:n,onTopicChange:i,isBlock:l=!1,selectedTopics:r=[],inputProps:o,labelProps:s,maxSelect:c=5,hasScroll:d,readonly:g})=>{const{action:{pushNotifications:u}}=m(U),h=_t(n.map((e=>e.topics||[]))),{t:b}=se(),[v,y]=t([]);a((()=>{y(r)}),[r.length]),a((()=>{null==i||i(v)}),[v]);const f=e=>{e.length>5?u({type:"danger",title:b("pnTopicSection.maxSelectError.title",{maxSelect:c}),message:b("pnTopicSection.maxSelectError.desc")}):!g&&y((()=>h.filter((t=>e.some((e=>t.catId===e))))))};return e.createElement($e,{spacing:12},n.map(((t,a)=>e.createElement($e,{key:String(a),spacing:12},t.label&&e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},s),t.label),d?e.createElement(Te,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},e.createElement(we,{w:800},e.createElement(Ie.Group,Object.assign({value:v.map((e=>e.catId)),multiple:!0},o,{onChange:f}),e.createElement(ke,{gap:8,wrap:"wrap"},t.topics.map((a=>e.createElement(Ar,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:l},t.tracking)))))))):e.createElement(Ie.Group,Object.assign({value:v.map((e=>e.catId)),multiple:!0},o,{onChange:f}),e.createElement(ke,{gap:8,wrap:"wrap"},t.topics.map((a=>a.catId?e.createElement(Ar,Object.assign({key:a.catId,value:a.catId,name:a.localName,isBlock:l},t.tracking)):e.isValidElement(a.component)?a.component:null))))))))},Or=t=>{var{heading:a,children:n,stickyActions:i}=t,l=fe(t,["heading","children","stickyActions"]);const{isMobile:r}=m(Ir),o=e.createElement($e,{spacing:Ce(24),sx:{height:"100%"}},e.createElement(M,{tag:"h4",style:{textAlign:"center"}},a),e.createElement(we,null,n));return e.createElement(we,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},r?o:e.createElement(Te,Object.assign({className:"layout-body",h:i?"calc(100% - 90px)":"100%"},l),o),i&&e.createElement(ke,{gap:Ce(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:Ce(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${Ce(24)} 0`}})},i))},_r=()=>{const{t:n,locale:l}=se(),{data:{userInfo:r},action:{pushNotifications:o}}=m(U),s=null==r?void 0:r.id,{currentUrl:c,isMobile:d,pnSuggestCategory:u=[],nextStep:h,formValues:b,setFormValues:v,onSubmit:y,submitLoading:f,selectCategory:x,setCategoryLibs:w,setSelectCategory:E,maxSelectCategory:k}=m(Ir),C=u.map((e=>e.catId)),N=It({validate:{name:At(n("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},b),{fitnessTopics:C})}),[B,D]=t([]),[$,P]=t([]);a((()=>{xe(void 0,void 0,void 0,(function*(){var e;try{const t=yield F(W(Dr,{_locale:l}),"get"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!C.includes(e.catId)));D(u),P(a),w([...u,...a])}catch(e){console.log(e)}}))}),[]),a((()=>{s&&N.setFieldValue("name",(null==r?void 0:r.name)||"")}),[s]);const z=()=>{""!==N.getInputProps("name").value?(v(N.getTransformedValues()),h()):N.validateField("name")},S=i((()=>e.createElement(te,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:c,leftIcon:e.createElement(g.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:z,styles:e=>({root:{borderRadius:Ce(6),padding:"2px 15px",height:Ce(40)},label:{fontSize:Ce(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:Ce(12),lineHeight:Ce(16),height:Ce(40)}},leftIcon:{marginRight:"5px"}})},e.createElement(p,{size:d?"p3":"p4"},n("home.seeMore")))),[N]);return a((()=>{N.setFieldValue("fitnessTopics",x.map((e=>e.catId)))}),[x]),e.createElement("form",{style:{height:"100%"},onSubmit:N.onSubmit((e=>{if(0===x.length)return o({type:"danger",title:n("newsletter.error.minTitle"),message:n("newsletter.error.minCotennt")}),!1;v(e),null==y||y(e.name)}))},e.createElement(Or,{heading:n("healthToolPNModal.heading"),stickyActions:e.createElement(e.Fragment,null,e.createElement(te,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:c,loading:f,sx:{maxWidth:Ce(240)}},n("healthToolPNModal.register")))},e.createElement($e,{spacing:Ce(16)},e.createElement(ae,Object.assign({label:n("newsletter.welcome.description")},N.getInputProps("name"))),e.createElement(jr,{topicsGroup:[...0===u.length&&0===$.length?[{topics:[{component:S}]}]:[],...u.length>0?[{label:n("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...u,...0===$.length?[{component:S}]:[]]}]:[],...$.length>0?[{label:n("healthToolPNModal.findMore.chooseFav"),topics:[...$,...$.length>0?[{component:S}]:[]]}]:[]],selectedTopics:[...B],labelProps:{size:d?"p3":"p4",color:"gray.6"},onTopicChange:E,maxSelect:k}))))},Fr=c((function(t,a){var{label:n}=t,i=fe(t,["label"]);return e.createElement("div",Object.assign({ref:a},i),e.createElement(Be,{noWrap:!0},e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),e.createElement(p,{size:"p3"},n)))})),Hr=c((function(t,a){var{label:n}=t,i=fe(t,["label"]);return e.createElement("div",Object.assign({ref:a},i),e.createElement(p,{size:"p3"},n))})),Rr=({history:t,onDelete:a})=>e.createElement(ke,{wrap:"wrap",gap:8},Ft(t,"catId").map((t=>e.createElement(Ae,{key:t.catId,rightSection:e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",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 ${le.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},e.createElement(p,{size:"p4"},t.localName))))),Ur=({topics:n,onTopicChange:i,isBlock:l=!1,selectedTopics:r,labelProps:o,maxSelect:s=5})=>{const{action:{pushNotifications:c}}=m(U),[d,g]=t([]),{t:u}=se();a((()=>{g(r)}),[r.length]),a((()=>{i(d)}),[d]);return n&&0!==n.length?e.createElement($e,{spacing:12,px:16,mx:-16},e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},o),u("pnTopicSection.recentView")),e.createElement(Ie.Group,{value:d.map((e=>e.catId)),onChange:e=>{l&&d.length<e.length?c({type:"danger",title:u("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:u("pnTopicSection.maxSelectError.desc")}):g((()=>n.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},e.createElement(ke,{gap:8,wrap:"wrap"},n.map(((t,a)=>e.createElement(Ar,{key:a,value:t.catId,name:t.localName,isBlock:l})))))):null},Wr=t=>{var{topic:a,active:n,onClick:i}=t,l=fe(t,["topic","active","onClick"]);return e.createElement(we,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:Ce(130),[e.fn.largerThan("sm")]:{minHeight:Ce(138)}}),onClick:()=>i(a,n)},l),n&&e.createElement(we,{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"},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(we,{sx:{borderRadius:"8px"}},e.createElement(ee,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},e.createElement(we,null,e.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),e.createElement(p,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},a.localName||""))},Vr=({topics:i,selectedTopics:l=[],onTopicChange:r,isBlock:o=!1,labelProps:s,pushNotifications:c,maxSelect:d=5})=>{const{t:m}=se(),[g,u]=t([]),h=(e,t)=>{if(t)u((t=>t.filter((t=>t.catId!==e.catId))));else{if(o)return void c({type:"danger",title:m("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:m("pnTopicSection.maxSelectError.desc")});u((t=>[...t,e]))}};a((()=>{u(l)}),[l.length]),a((()=>{r(g)}),[g]);const[b,v]=t(!1),[y,f]=t(0),[x,w]=t(0),E=n(null),k=()=>{v(!1)};return e.createElement($e,{spacing:10},e.createElement(ke,{justify:"space-between",align:"center",w:"100%"},e.createElement(p,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},s),m("pnTopicSection.trending"))),e.createElement(we,null,e.createElement(Te,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:E,viewportProps:{onMouseDown:e=>{e.preventDefault(),E.current&&(v(!0),f(e.pageX-E.current.offsetLeft),w(E.current.scrollLeft))},onMouseUp:k,onMouseLeave:k,onMouseMove:e=>{if(e.preventDefault(),!b||!E.current)return;const t=2*(e.pageX-E.current.offsetLeft-y);E.current.scrollLeft=x-t}},styles:{viewport:{paddingBottom:16}}},e.createElement(we,{w:{base:112*i.length+8*(i.length-1)+10}},e.createElement(ke,{gap:8},i.map(((t,a)=>e.createElement(Wr,{key:a,topic:t,onClick:h,active:g.some((e=>e.catId===t.catId)),w:{base:112}}))))))))},Gr=l=>{var{isLoggedIn:r,maxSelect:o=5,values:s=[],labelProps:c,onChange:d}=l,g=fe(l,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:u}}=m(U),[h,b]=t(""),{t:v,locale:y}=se(),f=n(null),[x,w]=t([]),[E,k]=t([]),[C,N]=t([]),[B,D]=t([]),[$,P]=t(null),[z,S]=t([]);a((()=>{xe(void 0,void 0,void 0,(function*(){var e,t;const a=yield F(W(Nr,{_locale:y}),"get"),n=(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],i=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[],l=Ft([...n,...i],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(S(l||[]),P((null==a?void 0:a.data)||null),s.length>0){const e=n.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=i.filter((e=>s.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));D(e),k(t)}}))}),[r]);const L=i((()=>Ft([...x,...E,...B,...C],"catId")),[x,E,B,C]),[M,T]=t(!1);a((()=>{L.length>=o?T(!0):T(!1),null==d||d(L)}),[L]);return e.createElement($e,Object.assign({spacing:Ce(16)},g),e.createElement($e,{spacing:Ce(8)},e.createElement(p,{size:"p3"},v("pnTopicSection.maxSelectError.detail",{max:o,maxTopic:L.length})),e.createElement(je,{ref:f,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:le.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:e.createElement(p,{size:"s4",color:"gray.6"},v("pnTopicSection.notFound")),itemComponent:""===h?Fr:Hr,size:"lg",placeholder:v("pnTopicSection.plsEnterFavTopics"),data:z,onSearchChange:b,searchValue:h,icon:e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},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,xe(void 0,void 0,void 0,(function*(){var e;const a={trending:k,recently:N,interested:D,default:w};let n="default";if(M)u({type:"danger",title:v("pnTopicSection.maxSelectError.title",{maxSelect:o}),message:v("pnTopicSection.maxSelectError.desc")});else{const i=[{key:"trending",array:null==$?void 0:$.trending},{key:"recently",array:null==$?void 0:$.recently},{key:"interested",array:null==$?void 0:$.interested}].find((e=>{var a;return null===(a=e.array)||void 0===a?void 0:a.some((e=>e.catId===t[0]))}));n=(null==i?void 0:i.key)||"default",a[n]((e=>[...e,...z.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:n}))))),null===(e=f.current)||void 0===e||e.blur()}return null}));var t},value:[]}),L&&L.length>0&&e.createElement(Rr,{history:L,onDelete:e=>{const t={trending:k,recently:N,interested:D,default:w};(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(we,{sx:e=>({position:"relative",height:Ce(175),[e.fn.largerThan("sm")]:{height:Ce(190)}})},e.createElement(we,{sx:{position:"absolute",top:0,right:0,left:0}},e.createElement(Vr,{topics:((null==$?void 0:$.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:E,onTopicChange:k,isBlock:M,labelProps:c}))),e.createElement(Ur,{topics:((null==$?void 0:$.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:C,onTopicChange:N,isBlock:M,labelProps:c}),e.createElement(jr,{labelProps:c,topicsGroup:[{label:v("pnTopicSection.ppAlsoInterested"),topics:((null==$?void 0:$.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:B,onTopicChange:D,isBlock:M}))},Zr=()=>{const{t:t}=se(),{action:{pushNotifications:a}}=m(U),{prevStep:n,formValues:i,submitLoading:l,onSubmit:r,selectCategory:o,maxSelectCategory:s,setSelectCategory:c,currentUrl:d,isLoggedIn:p}=m(Ir);return e.createElement(Or,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:Ce(25)}},stickyActions:e.createElement(e.Fragment,null,e.createElement(te,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back  Click",dataEventLabel:d,onClick:n},t("healthToolPNModal.back")),e.createElement(te,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next  Click",dataEventLabel:d,onClick:()=>{if(0===o.length)return a({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==r||r(i.name)},loading:l},t("healthToolPNModal.next")))},e.createElement(Gr,{isLoggedIn:p,maxSelect:s,values:i.fitnessTopics,onChange:c,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},qr=()=>{const{t:t}=se(),{close:n,selectCategory:i,onRegisterSuccess:l,currentUrl:r,finishLabelOnResult:o,disclaimerText:s}=m(Ir);return a((()=>()=>{setTimeout((()=>{null==l||l()}),400)}),[]),e.createElement(Or,{heading:t("healthToolPNModal.heading"),stickyActions:e.createElement(te,{fullWidth:!0,sx:{maxWidth:Ce(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:r,onClick:()=>{n()}},o||t("healthToolPNModal.finish"))},e.createElement($e,null,e.createElement(ke,{gap:Ce(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:Ce(8),padding:Ce(8)})},e.createElement(we,null,e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},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(p,{size:"p3"},s||t("pnModal.disclaimer"))),e.createElement(M,{tag:"h5"},t("healthToolPNModal.yourPre")),i.length>0&&e.createElement(jr,{topicsGroup:[{label:"",topics:i}],selectedTopics:i,readonly:!0})))},Yr=({isMobile:n,isLoggedIn:i,pnSuggestCategory:l=[],acquisitionInfo:r,currentUrl:s,opened:c,close:d,finishLabelOnResult:p,onRegisterSuccess:g,disclaimerText:u})=>{const{t:h,locale:b}=se(),{action:{pushNotifications:v}}=m(U),y=ve.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),f=ve.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[x,w]=t([]),[E,k]=t([]),[C,N]=t(0),[B,D]=t({name:"",fitnessTopics:[]}),[$,P]=t(!1),z=()=>N(2),S=o((e=>xe(void 0,void 0,void 0,(function*(){try{P(!0),yield F(W(Br,{website_url:V(b)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:Ot.get(be),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},r.userInfo),{name:e||B.name,type_subscription:1}),domain:de[b||He.Vietnam],category:E,perferred:r.preferredTopics.map((({id:e})=>({id:e})))}}),P(!1),yield F(G(Tr),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),z()}catch(e){console.log({err:e}),P(!1),v({title:h("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[B,E]);return a((()=>{[y,f].forEach((e=>{(new Image).src=e}))}),[]),e.createElement(Ir.Provider,{value:{currentUrl:s,isMobile:n,isLoggedIn:i,opened:c,close:d,pnSuggestCategory:l,nextStep:()=>N((e=>e<3?e+1:e)),prevStep:()=>N((e=>e>0?e-1:e)),lastStep:z,categoryLibs:x,setCategoryLibs:w,selectCategory:E,setSelectCategory:k,formValues:B,setFormValues:D,maxSelectCategory:5,submitLoading:$,onSubmit:S,onRegisterSuccess:g,finishLabelOnResult:p,disclaimerText:u}},e.createElement(Mr,{isMobile:n,desktopBanner:ve.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:ve.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:c,onClose:d,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:s}},e.createElement(Oe,{active:C,onStepClick:N,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},e.createElement(Oe.Step,null,e.createElement(_r,null)),e.createElement(Oe.Step,null,e.createElement(Zr,null)),e.createElement(Oe.Step,null,e.createElement(qr,null)))))},Xr=()=>{const{locale:i}=se(),{isMobile:l,isLoggedIn:r,currentUrl:o,acquisitionInfo:s,categoryIds:c,state:d,setState:p,settings:g,submitHandler:u,subcribeHealthStatus:h,showPNModal:b,setShowPNModal:v,setIsBack:y}=m(kr),[f,x]=t([]),[w,E]=t(b);a((()=>{xe(void 0,void 0,void 0,(function*(){var e,t;const a=yield F(W(Nr,{_locale:i}),"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)||[]];x(n.filter((e=>c.includes(Number(e.catId)))))}))}),[]);const k=n([]);return a((()=>{const e=(null==h?void 0:h.value)||"",t=e.split("|").filter(Boolean);let a=e;k.current.push(h),t.length>1&&(null!==k.current[0]&&y(!0),Object.keys(u).map((e=>{const n=e.split("|");if(t.length===n.length){let i=0;t.map((e=>{n.includes(String(e))&&(i+=1)})),i===t.length&&(a=e)}})));const n=t.length>0?u[a]:g;p(n)}),[h]),a((()=>{E(b)}),[b]),(null==d?void 0:d.action)!==fr.Hide?e.createElement(e.Fragment,null,e.createElement(Lr,Object.assign({},g.props)),e.createElement(Yr,{acquisitionInfo:s,isMobile:l,isLoggedIn:r,currentUrl:o,pnSuggestCategory:f,opened:w,close:()=>{var e;E(!1),v(!1),setTimeout((()=>{var e;(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&p({action:fr.Hide})}),400),(null===(e=d.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&p({action:fr.Hide})},onRegisterSuccess:()=>E(!1)})):null},Kr=({type:n,articleId:l=0,categoryIds:r=[],isMarketing:o,isSurveyType:s,hasPremiumBanner:c,currentUrl:d,isMobile:p,subcribeHealthStatus:g,setShouldAcquisitionModalOpen:u,onValueChange:h,source:b="discover",Wrapper:v})=>{const{t:y}=se(),{data:{userInfo:f}}=m(U),x=Boolean(null==f?void 0:f.id),[w,E]=t(null),[k,C]=t(),[N,B]=t(""),[D,$]=t(!1),[P,z]=t(!1),S=i((()=>xr[n]),[]),L=((e,t)=>({[br.Pregnant]:{action:fr.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:yr.Button,thumbnail:{desktop:ve.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:ve.getAssetPath("newsletter/banner-option-pregnancy-mobile.png")},buttonProps:{variant:"white",styles:e=>({minWidth:Ce(80),[e.fn.largerThan("sm")]:{minWidth:Ce(120)}})},items:[{label:e("switchBtn.yes"),value:"yes",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - Yes Click",dataEventLabel:t}},{label:e("switchBtn.no"),value:"no",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - No Click",dataEventLabel:t}}]},submitHandler:{yes:{action:fr.ShowTool,props:{value:ur.DUE_DATE}},no:{action:fr.ShowPremiumModal}}},[br.Parenting]:{action:fr.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:ve.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:ve.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:yr.Checkbox,items:[{label:e("pnBanner.toddlers"),value:"todders"},{label:e("pnBanner.teenager"),value:"teenager"}],submitBtnTracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the age range of your kids Click",dataEventLabel:t}},submitHandler:{todders:{action:fr.ShowTool,props:{value:ur.BABY_VACCINE}},teenager:{action:fr.ShowOptionBanner,props:{styleType:yr.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:ve.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:ve.getAssetPath("newsletter/banner-option-parenting-mobile.png")},buttonProps:{variant:"white"},items:[{label:e("childCard.boy"),value:"teenager.boy",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Boy Click",dataEventLabel:t}},{label:e("childCard.girl"),value:"teenager.girl",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Girl Click",dataEventLabel:t}}]}},"teenager.boy":{action:fr.ShowPremiumModal},"teenager.girl":{action:fr.ShowTool,activeTool:ue.HPV,props:{value:ue.HPV}},"todders|teenager":{action:fr.ShowOptionBanner,props:{styleType:yr.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:ve.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:ve.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:ur.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}},{label:e("pnBanner.pn.btnLabel"),value:"todders|teenager.showPN",isPNBtn:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Premium Newsletter Click",dataEventLabel:t}}]}},"todders|teenager.showPN":{action:fr.ShowOptionBanner,props:{styleType:yr.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:ve.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:ve.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:ur.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(y,d)[S],M=null==L?void 0:L.submitHandler,T=v||we,I=()=>c&&1!==(null==f?void 0:f.subscription)?e.createElement(Cr,null):null;return a((()=>{x&&E({userInfo:f,preferredTopics:pr,healthTopics:[]})}),[x]),e.createElement(kr.Provider,{value:{settings:L,submitHandler:M,type:n,surveyType:S,value:N,setValue:B,isMobile:p,isLoggedIn:x,isMarketing:o,hasPremiumBanner:c,currentUrl:d,acquisitionInfo:w,categoryIds:r,subcribeHealthStatus:g,articleId:l,onValueChange:h,state:k,setState:C,handleClickOption:e=>{const t=(e=>{let t="";const a=e.split("|");return 1===a.length?e:(Object.keys(M).map((e=>{const n=e.split("|");if(a.length===n.length){let i=0;a.map((e=>{n.includes(String(e))&&(i+=1)})),i===a.length&&(t=e)}})),t)})(e);if(t){const a=M[t];a.action===fr.ShowPremiumModal?c?($(!0),C(Object.assign(Object.assign({},k),{actionParams:{hideBannerWhenClose:a.action===fr.ShowPremiumModal}}))):(C({action:fr.Hide}),null==h||h(e)):(C(a),null==h||h(e))}},showPNModal:D,setShowPNModal:$,source:b,Outside:T,isBack:P,setIsBack:z,minHeight:180,setShouldAcquisitionModalOpen:u}},void 0!==g?x?s&&L?(()=>{const t=M[(null==g?void 0:g.value)||""];return(null==t?void 0:t.action)===fr.ShowPremiumModal?I():e.createElement(Xr,null)})():I():c?e.createElement(Cr,null):null:null)},Jr={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/quan-li-don-hang/"};var Qr="uJQBNNg",eo="TfG3dM5",to="aMtjFNf",ao="cSz2RR-",no="GyFm00F";function io({userInfo:t,onClickMyProfileButton:a,themeName:n="helloSites"}){const{t:l}=se(),r=i((()=>{const e=(null==t?void 0:t.name)||(null==t?void 0:t.username);return e&&e.length?e[0].toUpperCase():"A"}),[null==t?void 0:t.username,null==t?void 0:t.name]);return e.createElement("div",{className:Qr,onClick:()=>{a&&a()}},e.createElement(Yt,{className:eo,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:r,backgroundColor:"marryBaby"===n?ye.mbColors.pink:ye.colors.secondaryBase}),e.createElement("div",{className:to},e.createElement("div",{className:ao},(null==t?void 0:t.name)||(null==t?void 0:t.username)),e.createElement("div",{className:no,style:{"--bg-hellosites":`url(${ve.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${ve.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},l("userProfile.nav.header.viewProfile"))))}var lo="fVk18fq",ro="v8TCvUb",oo="mx7T4V3";const so={myHealth:ye.mbColors.toneYellow,myCommunity:ye.mbColors.toneBlue,mySaved:ye.mbColors.toneGreen},co={helloSites:{myBooking:()=>ve.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>ve.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>ve.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>ve.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>ve.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>ve.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>ve.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>ve.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>ve.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},mo=({type:t,themeName:a,className:n,onClick:l=(()=>{})})=>{const{t:r}=se(),o=i((()=>{var e,n;return(null===(n=null===(e=co[a])||void 0===e?void 0:e[t])||void 0===n?void 0:n.call(e))||""}),[t,a]),s=i((()=>"marryBaby"!==a?"transparent":so[t]),[t,a]);return e.createElement("div",{onClick:function(){l(t)},className:`${lo} ${n}`},e.createElement("div",{className:oo,style:{backgroundColor:s,backgroundImage:`url("${o}")`}}),e.createElement("h3",{className:ro},r(`userProfile.nav.card.${t}`)))};var po="gn6HmGG",go="FCx8FEM",uo="zMiRxaE",ho="lZ2Z9MQ",bo="rwm-agG",vo="qMOscoq";const yo=({themeName:a,locale:n,onClickItem:l})=>{const[r,o]=t(""),s=i((()=>"marryBaby"===a?[{key:"userProfile.nav.menu.password",icon:ve.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:ve.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:ve.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"common.profileNavigator.newsletterSubscription",link:"subscriptions",disableLocale:["id-ID","ms-MY","km-KH","en-PH","tl-PH","th-TH","my-MM","zh-TW","hi-IN"]},{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:ve.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[a]);function c(e){e.subMenu?o((t=>t?"":e.key)):l&&l(e)}return e.createElement("div",{className:po},s.map((t=>e.createElement(fo,{key:t.key,item:t,openKey:r,onClickItem:c,locale:n}))))},fo=({item:t,openKey:a,onClickItem:n,locale:i})=>{var l;const{t:r}=se();return(null===(l=t.disableLocale)||void 0===l?void 0:l.includes(i))?null:e.createElement("div",{className:`${go} nav-menu-item`,"data-is-open":a===t.key,key:t.key,"data-has-submenu":!!t.subMenu},e.createElement("div",{className:uo,onClick:()=>n(t)},t.icon&&e.createElement("div",{className:ho,style:{backgroundImage:`url("${t.icon}")`}}),r(t.key),t.subMenu&&e.createElement("div",{className:bo,style:{"--after-bg":`url(${ve.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),t.subMenu&&e.createElement("div",{className:vo},t.subMenu.map((t=>e.createElement(fo,{key:t.key,item:t,openKey:a,onClickItem:n,locale:i})))))};var xo="-AZt1au",wo="IvSIfCI",Eo="eahCJov",ko="XIyViFs",Co="_4y-O0w3",No="kO8iNgD",Bo="a1d4E10",Do="Tdguxxf",$o="-mOxsaU",Po="yPeDBNZ";const zo={helloSites:{member:()=>ve.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>ve.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>ve.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>ve.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>ve.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>ve.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>ve.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>ve.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>ve.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>ve.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},So=({themeName:t,rank:a="member",numberOfPosts:n=0})=>{const{t:l}=se(),r=i((()=>{var e,n;return(null===(n=null===(e=zo[t])||void 0===e?void 0:e[a])||void 0===n?void 0:n.call(e))||""}),[a,t]);return e.createElement("div",{className:Co,"data-user-rank":a},e.createElement("div",{className:No},e.createElement("div",{className:Bo},e.createElement("div",{className:Do,style:{backgroundImage:`url("${r}")`}}),e.createElement("h3",{className:$o},l(`userProfile.userRank.${a}`)),n>0&&e.createElement("p",{className:Po},n," ",l("userProfile.nav.header.count.posts")))))},Lo=({SSO_URL:n,UP_BASEPATH:l="user",themeName:r="helloSites",cardUrls:o=Jr,enableCare:s,enableTogether:c,enableEcom:d,enableMySaved:m,userInfo:p,togetherApiDomain:g,userPostsNumber:u,onClickNavigationCard:h,onClickMyProfileButton:b,onClickMenuItem:v,onClickLogout:y,isUserProfileNavigatorMenuHidden:f=!1,isMyHealthEnabled:x=!1,locale:w})=>{const{t:E}=se(),[k,C]=t(u||0),N="marryBaby"===r;a((()=>{if(p&&void 0===u){const e=Ht("hhg_user_token");e&&fetch(Rt(qe(w,N,g)),{headers:{Authorization:`Bearer ${e}`}}).then((e=>e.json())).then((e=>{var t,a,n;1===(null==e?void 0:e.status)&&(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.pagination)&&C((null===(n=null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.pagination)||void 0===n?void 0:n.total_items)||0)})).catch((e=>console.error("Error fetching post number",e)))}}),[w,null!==p,u,g,N]);const B=i((()=>{let e;return e=N?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?s:"myCommunity"===e?c:"myHealth"===e?x:"eCom"===e?d:"mySaved"!==e||m))}),[N,x]),D=i((()=>"marryBaby"===r?null:e.createElement(Ke,{color:"tertiary",icon:e.createElement("img",{src:ve.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:y,className:ko},E("userProfile.nav.menu.logout"))),[r]),$=e=>{e.startsWith("http")||e.startsWith("/")?window.location.href=Ut(e):n&&(window.location.href=Ut(`${n}${l}/${e}`))},P=e=>{const t=o[e];h?h(t):$(t)};return p?e.createElement("div",{className:xo,"data-theme":r},e.createElement(io,{userInfo:p,themeName:r,onClickMyProfileButton:()=>{b?b():$("profile")}}),e.createElement(So,{themeName:r,rank:"member",numberOfPosts:k}),e.createElement("div",{className:wo},B.map((t=>e.createElement(mo,{className:Eo,key:t,themeName:r,type:t,onClick:P})))),!f&&e.createElement(e.Fragment,null,e.createElement(yo,{themeName:r,locale:w,onClickItem:e=>{"logout"===e.link&&y?y():e.link&&!e.subMenu&&(v?v(e.link):$(e.link))}}),D)):null};export{Lo as $,Zt as A,Xt as B,ca as C,Fa as D,rl as E,aa as F,na as G,hl as H,Ra as I,wl as J,Dl as K,ba as L,oi as M,Vl as N,Nl as O,la as P,Xl as Q,ra as R,un as S,oa as T,Ql as U,ar as V,dr as W,mr as X,Kr as Y,xr as Z,wr as _,Yt as a,io as a0,So as a1,Kt as b,sa as c,ga as d,ua as e,Ba as f,La as g,Ta as h,Aa as i,tn as j,an as k,mn as l,fn as m,Bn as n,$n as o,sn as p,An as q,jn as r,Zn as s,ei as t,ri as u,si as v,yi as w,Hi as x,Yi as y,il as z};