@hhgtech/hhg-components 1.23.47-beta-1 → 1.23.48

package/build/esm/index-b4255462.js

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

package/build/esm/index-c77660e9.js

@@ -1 +0,0 @@
-import{b as e,_ as t}from"./tslib.es6-240993d1.js";import r from"react";import{Autocomplete as o,Image as n,Select as s}from"@mantine/core";import{CommonGAssets as a}from"./gAssets.js";var i=function(i){var m=i.keepSearch,c=void 0!==m&&m,h=e(i,["keepSearch"]);return c?r.createElement(o,t({rightSection:r.createElement(n,{src:a.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},h)):r.createElement(s,t({rightSection:r.createElement(n,{src:a.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},h))};export{i as S};

package/build/esm/index-c83a55bd.js

@@ -1 +0,0 @@
-import{b as e,_ as r}from"./tslib.es6-240993d1.js";import l from"react";import{L as a}from"./Locale-037534b2.js";import{S as n,a as o,b as t}from"./index.styled-88cc85a0.js";var i=function(i){var s=i.data,m=i.isMobile,c=i.onSlideChange,d=i.pillProps,p=i.locale,b=void 0===p?a.Vietnam:p,u=i.blurFromIndex,f=i.blurLength,h=e(i,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),g={withControls:!m,slideGap:16,blurFromCenter:!0,blurFromIndex:u||(m?2:4),blurLength:f||(m?1:3),onSlideChange:c};return l.createElement(n,r({},g,h),(function(e){return s.map((function(a,n){return l.createElement(o,r({key:n,onClick:c},d),l.createElement("div",{className:"centerred-pill-wrapper"},l.createElement(t,{locale:b,name:a.name,icon:a.icon,className:n===e?"selected-week-pill":""})))}))}))};export{i as P};

package/build/esm/index-ff3764cf.js

@@ -1 +0,0 @@
-import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-240993d1.js";import i,{useState as a,useRef as l,useEffect as s,useMemo as c,useCallback as m}from"react";import{useInterval as p,useCounter as d}from"@mantine/hooks";import{H as u}from"./FullScreen-fff2b5c7.js";import"./index.styled-befe8471.js";import{B as g}from"./index-478a6f90.js";import"./gAssets.js";import"./index.styled-0390f270.js";import{c as b}from"./index-52ec000d.js";import{M as f}from"./utils-4f9b8a6b.js";import"react-range";import"dayjs";import"./screenSizeContext-e1259009.js";import h from"styled-components";import{t as x}from"./theme-ecc47489.js";import{L as E}from"./index-7e331974.js";import"./isProduction-300eb852.js";import{L as v}from"./Locale-037534b2.js";import{Container as y,Input as w}from"@mantine/core";import{u as P}from"./useTranslations-817e44f2.js";import"./index-c8f61247.js";import"lodash/debounce";import"./translationsContext-7877cefd.js";import"string-format";import{T as S}from"./index-49029227.js";import{useForm as k,yupResolver as C}from"@mantine/form";import{P as j,O as I,D as M,R as z}from"./index-83857c3b.js";import*as N from"yup";import T from"lodash/throttle";import{P as L}from"./index-13b0b28f.js";import"./index-43179a20.js";import{format as O}from"date-fns";import{V as B}from"./Visible-35ffc9cf.js";var F,D,V,H,q,R,A,U,_=h.div(F||(F=n([""],[""]))),W=h(S)(D||(D=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),Y=h.div(V||(V=n(["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"],["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"]))),K=h(y)(H||(H=n(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"])),f.mbDown),Z=h.img(q||(q=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),G=function(n){var t,r=n.heading,a=n.description,l=n.children,s=n.className,c=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]);return i.createElement(K,o({},m,{className:"hhg-comp-onboarding-container ".concat(s),size:"sm"}),i.createElement(b,{type:(null===(t=E[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),i.createElement(Y,null,c&&i.createElement(Z,{src:c,loading:"lazy"}),i.createElement(_,{className:"header"},i.createElement(u,{tag:"h3"},r),i.createElement(W,{size:"p3",color:x.colors.gray600},a)),l))},J=function(n){return N.object().shape({phone:N.string().required(n("onboarding.updatePhone.error")).default("")})},Q=function(n){return N.object().shape({otp:N.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},X=function(n){return N.object().shape({email:N.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:N.string().required(n("onboarding.errorMessage.requiredName"))})},$=function(n){return N.object().shape({password:N.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:N.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([N.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},nn=h(G)(R||(R=n(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),f.mbDown),en=((A={})[v.Vietnam]="VN",A[v.Cambodia]="KH",A[v.Indonesia]="ID",A[v.Malaysia]="MY",A[v.PhilippinesEnglish]="PH",A[v.PhilippinesTagalog]="PH",A[v.Taiwan]="TW",A[v.Thailand]="TH",A[v.Myanmar]="MM",A),on=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,m=P().t,p=k({initialValues:{phone:""},validate:C(J(m))});return i.createElement(nn,{heading:(null==c?void 0:c.heading)||m("onboarding.updatePhone.heading"),description:(null==c?void 0:c.description)||m("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:p.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(e){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(j,o({defaultCountry:en[process.env.UNIFY_LOCALE]||"VN"},p.getInputProps("phone"))),i.createElement(w.Error,null,p.errors.phone)),i.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit"},m("onboarding.button.continue")),s&&i.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},m("onboarding.button.skip"))))};(U={})[v.Vietnam]="VN",U[v.Cambodia]="KH",U[v.Indonesia]="ID",U[v.Malaysia]="MY",U[v.PhilippinesEnglish]="PH",U[v.PhilippinesTagalog]="PH",U[v.Taiwan]="TW",U[v.Thailand]="TH",U[v.Myanmar]="MM";var tn,rn,an,ln,sn,cn,mn,pn,dn,un,gn,bn,fn=function(n){void 0===n&&(n="");var e=n.indexOf("@"),o=n.substring(0,e),t=o.length>3?3:o.length;return n.replace(n.substring(t,e),n.slice(t,e).replace(/./g,"x"))},hn=h(G)(tn||(tn=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),f.mbDown,f.mbDown),xn=function(n){var e=n.onSubmit,m=n.phone,u=n.email,b=n.onResendCode,f=n.otpError,h=n.onClose,E=n.loading,v=n.onBack,y=n.canSkip,j=n.outOfEdit,M=a(30),z=M[0],N=M[1],L=p((function(){return N((function(n){return n-1}))}),1e3),O=d(0,{min:0,max:3}),B=O[0],F=O[1],D=l(!0),V=P().t;s((function(){return L.start(),L.stop}),[]),s((function(){0===z&&(L.stop(),D.current=!1)}),[z]);var H=k({initialValues:{otp:""},validate:C(Q(V))});s((function(){f&&H.setFieldError("otp",f)}),[f]);var q=c((function(){return T((function(){D.current||(F.increment(),N(30),null==b||b(m||u),L.start(),D.current=!0)}),1e3,{trailing:!1})}),[m,u,b,L]);return i.createElement(hn,{heading:V("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:m?V("onboarding.otpForm.description",{phone:'<b style="color:'.concat(x.colors.gray800,'">').concat(m.slice(0,-3).replace(/./g,"x").concat(m.slice(-3)),"</b>")}):V("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(x.colors.gray800,'">').concat(fn(u),"</b>")})}}),!j&&i.createElement("svg",{onClick:function(){null==v||v()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},i.createElement("form",{onSubmit:H.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return F.increment(),e(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(I,o({enterKeyHint:void 0,nonce:void 0},H.getInputProps("otp"))),i.createElement(w.Error,null,H.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(S,{size:"p4",color:x.colors.gray400},V("onboarding.otpForm.notReceiveOTP")),i.createElement(S,{as:"a",size:"p4",color:x.colors.primaryBase,onClick:q},V("onboarding.otpForm.resendCode",{seconds:z}))),i.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:E,disabled:E},V("onboarding.button.continue")),y&&B>=3&&i.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:h,type:"button"},V("onboarding.button.skip"))))},En=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.loading,l=n.errorMessage,c=n.initialData,m=P().t,p=k({validate:C(X(m))});return s((function(){p.setValues(o(o({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),s((function(){l&&p.setFieldError("email",l)}),[l]),i.createElement(G,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:p.onSubmit((function(n){t(o(o({},n),{birthday:O(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(w.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(w,o({},p.getInputProps("name"))),i.createElement(w.Error,{className:"field-error"},p.errors.name)),i.createElement(w.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(w,o({},p.getInputProps("email"))),i.createElement(w.Error,{className:"field-error"},p.errors.email)),i.createElement(M,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},p.getInputProps("birthday"))),i.createElement(z.Group,{value:p.values.gender,onChange:function(n){return p.setFieldValue("gender",n)},className:"radio-group"},i.createElement(z,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(z,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},m("onboarding.button.continue")),r&&i.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},vn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=P().t,c=k({initialValues:{password:"",confirmPassword:""},validate:C($(s))});return i.createElement(G,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:c.onSubmit((function(n){return t((null==n?void 0:n.password)||"")}),(function(n){console.log({fieldErrors:n})}))},i.createElement(L,o({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(B,null)},c.getInputProps("password"))),i.createElement(L,o({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(B,null)},c.getInputProps("confirmPassword"))),i.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&i.createElement(w.Error,{className:"form-error"},a)))},yn=h.div(rn||(rn=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),wn=h.div(an||(an=n(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),f.lgPcUp),Pn=h.div(ln||(ln=n(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),f.lgPcUp),Sn=h.div(sn||(sn=n(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),f.lgPcUp),kn=h.div(cn||(cn=n(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n"])),x.colors.blue50),Cn=h.div(mn||(mn=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),jn=h(u)(pn||(pn=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),In=h(S)(dn||(dn=n([""],[""]))),Mn=h.img(un||(un=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),zn=h.div(gn||(gn=n([""],[""])));!function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.OTPEmail=2]="OTPEmail",n[n.PersonalInfo=3]="PersonalInfo",n[n.UpdatePassword=4]="UpdatePassword",n[n.Result=5]="Result"}(bn||(bn={}));var Nn=function(n){var l=n.onClose,s=n.canSkip,c=n.flow,p=void 0===c?[bn.Phone,bn.OTP]:c,u=n.step,b=n.onPhoneSubmit,f=n.onOtpSubmit,h=n.onPersonalInfoSubmit,E=n.onCreatePassByEmail,v=n.onResendCode,y=n.otpError,w=n.personalInfoError,S=n.createPassError,k=n.emailLoading,C=n.createPassLoading,j=n.otpLoading,I=n.customFormTexts,M=n.initialData,z=n.banner,N=n.resultScreenProps,T=e(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps"]),L=P().t,O=a(u||p[0]),B=O[0],F=O[1],D=a(""),V=D[0],H=D[1],q=a(""),R=q[0],A=q[1],U=d(0,{min:0,max:2}),_=U[0],W=U[1],Y=m((function(){var n=p.indexOf(B)+1;n<p.length-1&&F(p[n])}),[B]),K=m((function(){var n=p.indexOf(B)-1;n>=0&&F(p[n])}),[B]),Z=function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,f(n)];case 1:return!o.sent()&&Y(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},J=function(){_>=2||(W.increment(),K())};return i.createElement(yn,o({},T),p.length>0?i.createElement(wn,null,i.createElement(Pn,{"data-has-banner":"object"==typeof z},B===bn.Phone&&i.createElement(on,{onClose:l,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),H(n),[4,null==b?void 0:b(n)];case 1:return o.sent(),Y(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:I.onboarding}),B===bn.OTP&&i.createElement(xn,{onClose:l,onSubmit:Z,phone:V,onResendCode:v,otpError:y,loading:j,canSkip:s,onBack:J,outOfEdit:_>=2}),B===bn.OTPEmail&&i.createElement(xn,{onClose:l,onSubmit:Z,onResendCode:v,otpError:y,loading:j,canSkip:s,onBack:J,outOfEdit:_>=2,email:R}),B===bn.PersonalInfo&&i.createElement(En,{initialData:null==M?void 0:M[bn.PersonalInfo],onClose:l,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),A((null==n?void 0:n.email)||""),[4,null==h?void 0:h(n)];case 1:return!o.sent()&&Y(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:w,loading:k}),B===bn.UpdatePassword&&i.createElement(vn,{onClose:l,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,null==E?void 0:E(n)];case 1:return o.sent(),!S&&Y(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:S,loading:C}),B===bn.Result&&i.createElement(G,o({},N),i.createElement(g,{size:"lg",onClick:l,className:"form-button"},L("onboarding.button.continue")))),"object"==typeof z&&i.createElement(Sn,null,i.createElement(kn,null,i.createElement(Cn,null,(null==z?void 0:z.heading)&&i.createElement(jn,{tag:"h1"},null==z?void 0:z.heading),(null==z?void 0:z.description)&&i.createElement(In,{size:"p1",color:x.colors.gray800},L("onboarding.welcomeScreen.content"))),(null==z?void 0:z.imgSrc)&&i.createElement(zn,null,i.createElement(Mn,{src:null==z?void 0:z.imgSrc,loading:"lazy"}))))):"Incorrect flow")};export{en as M,Nn as O,bn as a,on as b,xn as c};

package/build/esm/index.styled-1372ac2c.js

@@ -1 +0,0 @@
-import{e as n,b as e,_ as t}from"./tslib.es6-240993d1.js";import i,{css as o}from"styled-components";import a,{useMemo as r,memo as p,useContext as d}from"react";import{M as l}from"./utils-4f9b8a6b.js";import{t as s}from"./theme-ecc47489.js";import{g as x}from"./defaultClassWrapper-b8ee20af.js";import{C as g,b as c,T as h,d as f}from"./index-7e331974.js";import{t as m,U as u}from"./index-02046a3c.js";import{g as b,a as y,b as w,c as v}from"./routing-3f9ef717.js";import k from"dayjs";import z from"dayjs/plugin/relativeTime";import{u as B}from"./useTranslations-817e44f2.js";import{CommonGAssets as j}from"./gAssets.js";var C,D,E,U,P,T,_,N,S,A,Y,R,H,M,O,G,I,L,F,Z,V,q=i.a(C||(C=n(["\n  display: inline-flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 11px;\n  gap: 2px;\n\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 20px;\n\n  color: ",";\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n\n  cursor: pointer;\n"],["\n  display: inline-flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  padding: 7px 11px;\n  gap: 2px;\n\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 20px;\n\n  color: ",";\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  text-decoration: none;\n\n  cursor: pointer;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray600})),W=i.div(D||(D=n(["\n  position: relative;\n  display: inline-block;\n"],["\n  position: relative;\n  display: inline-block;\n"]))),J=i.div(E||(E=n(["\n  position: relative;\n"],["\n  position: relative;\n"]))),K=i.div(U||(U=n(["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"],["\n  position: absolute;\n  z-index: 21;\n  top: 100%;\n  right: 0;\n  width: 327px;\n  padding: 8px;\n  background: white;\n  border-radius: 4px;\n  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-show-indicator='true'] {\n    &:before {\n      position: absolute;\n      right: 11px;\n      bottom: 100%;\n      width: 0;\n      height: 0;\n      border: 0.5rem solid transparent;\n      border-top: none;\n      border-bottom-color: #fff;\n      content: '';\n      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n    }\n  }\n"]))),Q=i.div(P||(P=n(["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  height: 40px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 16px;\n  border-radius: 6px;\n  cursor: pointer;\n\n  .check-icon {\n    width: 16px;\n    height: 16px;\n  }\n  &[data-selected='false'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),X=i.div(T||(T=n(["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"],["\n  position: fixed;\n  z-index: 20;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: default;\n"]))),$=a.createContext({}),nn=function(n){var i=n.children,o=e(n,["children"]),p="undefined"!=typeof window?window.location.href:o.currentUrl||"https://".concat("marryBaby"===o.siteType?m[o.locale||"en-PH"]:f[o.locale||"en-PH"]).concat("together"===o.projectType?"/community":"ecom"===o.projectType?"/ecom":"care"===o.projectType?"/care":"","/"),d=function(n){var e=n.locale,t=n.projectType,i=n.isMobile,o=n.siteType;return r((function(){var n=!(!i&&"profile"===t),a="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===o,r="marryBaby"!==o&&"marryBaby"!==t&&g.includes(e),p="marryBaby"!==t&&"discover"===t&&"marryBaby"!==o&&c.includes(e),d="marryBaby"===t||h.includes(e),l="ecom"===t,s="ecom"===t,x=b(e,"marryBaby"===o),f=y(e,"marryBaby"===o);return{enableProfileNavigatorMenu:n,enableSearchBar:a,enableNavCare:r,enableNavCareBooking:p,enableNavTogether:d,enableNavEcom:l,enableProfileEcom:s,enableProfileMyHealth:!0,statics:{HOME_PAGE_URL:x,CARE_URL_FE:"".concat(x,"/care"),TOGETHER_URL_FE:"".concat(x,"/community"),SSO_URL:f,TOGETHER_API:w(),DISCOVER_API:v(e)}}}),[e,t,i])}({locale:o.locale,projectType:o.projectType,isMobile:o.isMobile,siteType:o.siteType});return a.createElement($.Provider,{value:t(t({},o),{configs:d,currentUrl:p})},i)},en=p((function(){return a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.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.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"}))})),tn=i.div(_||(_=n(["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"])),l.mbUp),on=i.a(N||(N=n(["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n    }\n  }\n"],["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.lightPink}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.mbColors.lightGray})),an=i.div(S||(S=n(["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"],["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"])),l.mbDown),rn=i.div(A||(A=n(["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"])),l.mbUp),pn=i.div(Y||(Y=n(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),dn=i.div(R||(R=n(["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"]))),ln=i.a(H||(H=n(["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"],["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),l.mbDown),sn=i.div(M||(M=n(["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"],["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"])),l.mbDown,l.mbUp),xn=i.div(O||(O=n(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"])),(function(n){return n.theme.colors.gray600})),gn=i.div(G||(G=n(["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"],["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"]))),cn=i.div(I||(I=n(["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"],["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"]))),hn=i.div(L||(L=n(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"])),l.mbDown),fn=i.div(F||(F=n(["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"],["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"])),l.mbDown,(function(n){return n.theme.colors.neutral100})),mn=i.div(Z||(Z=n(["\n  margin: 15px 0;\n  display: flex;\n"],["\n  margin: 15px 0;\n  display: flex;\n"]))),un=i.a(V||(V=n(["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"],["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),l.mbDown);i.div(bn||(bn=n(["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}));var bn,yn,wn,vn,kn,zn,Bn,jn,Cn,Dn=i.div(yn||(yn=n(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"])),l.tdDown),En=i.div(wn||(wn=n(["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"],["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"])),l.tdDown,l.mbDown),Un=i.div(vn||(vn=n(["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"],["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"]))),Pn=i.div(kn||(kn=n(["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),l.tdDown),Tn=i.p(zn||(zn=n(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"])),(function(n){return n.theme.colors.gray800}),l.tdDown),_n=i.p(Bn||(Bn=n(["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"])),(function(n){return n.theme.colors.gray600}),l.tdDown),Nn="hhgcomp-navigation-menucareitem-contentwrapper",Sn=x(i.div(jn||(jn=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"])),l.tdDown),Nn),An=i.a(Cn||(Cn=n(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    box-shadow: 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);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > ."," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    box-shadow: 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);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > ."," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"])),s.colors.white,l.tdUp,l.tdDown,Nn,l.mbDown,l.tdOnly,s.colors.neutral100);i.div(Yn||(Yn=n(["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"]))),i.div(Rn||(Rn=n(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var Yn,Rn,Hn,Mn,On,Gn,In=i.div(Hn||(Hn=n(["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"])),l.tdDown),Ln=i.a(Mn||(Mn=n(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"]))),Fn=i.div(On||(On=n(["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"],["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"])),l.tdDown),Zn=i.p(Gn||(Gn=n(["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray800}),l.tdUp);i.div(Vn||(Vn=n(["\n  & > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100})),i.div(qn||(qn=n(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var Vn,qn,Wn,Jn,Kn,Qn,Xn,$n,ne,ee,te,ie,oe,ae,re=i.div(Wn||(Wn=n(["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"],["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"])),l.tdDown,l.mbDown),pe=i.div(Jn||(Jn=n(["\n  padding: 5px;\n  flex: 1;\n"],["\n  padding: 5px;\n  flex: 1;\n"]))),de=i.img(Kn||(Kn=n(["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"],["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"]))),le=i.div(Qn||(Qn=n(["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.gray800})),se=i.div(Xn||(Xn=n(["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase})),xe=i.div($n||($n=n(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray600})),ge=i.div(ne||(ne=n(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray600})),ce=i.a(ee||(ee=n(["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),l.tdOnly,l.mbDown,l.tdUp),he=i.div(te||(te=n(["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"],["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"]))),fe=i.div(ie||(ie=n(["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"],["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.gray800})),me=i.div(oe||(oe=n(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"]))),ue=i.div(ae||(ae=n(["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"],["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"])));k.extend(z);var be=function(n){var e,t,i,o,r,p,l,s=n.post,x=n.index,g=void 0===x?0:x,c=d($),h=c.siteType,f=c.configs.statics;if(!s)return null;var m=[f.TOGETHER_URL_FE,null===(e=s.community)||void 0===e?void 0:e.slug].join("/"),b=[m,s.slug].join("/"),y=s.createdAt,w=y?isNaN(new Date(y).getTime())?null:new Date(y):null,v=w?k(w).toNow(!0):y;return a.createElement(ce,{href:b,"data-event-category":"Hamburger Navigation","data-event-action":"Together Click ".concat(g+1),"data-event-label":b},a.createElement(pe,null,a.createElement(he,null,a.createElement(u,{avatar:null===(t=s.author)||void 0===t?void 0:t.avatar,username:(null===(i=s.author)||void 0===i?void 0:i.name)||(null===(o=s.author)||void 0===o?void 0:o.username)}),a.createElement(ue,null,a.createElement(le,{"data-theme":h},null===(r=s.author)||void 0===r?void 0:r.name),a.createElement(me,null,a.createElement(se,{"data-event-category":"Hamburger Navigation","data-event-action":"Topic Click ".concat(g+1),"data-event-label":m,onClick:function(n){n.preventDefault(),location.href=m},"data-theme":h},null===(p=s.community)||void 0===p?void 0:p.name),a.createElement(ge,null,"•"),a.createElement(xe,{"data-theme":h},v)))),a.createElement(fe,null,s.title)),!!(null===(l=s.photos)||void 0===l?void 0:l.length)&&a.createElement(de,{loading:"lazy",src:s.photos[0]}))};i.div(ye||(ye=n(["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])));var ye,we,ve,ke,ze,Be,je,Ce,De,Ee,Ue,Pe,Te,_e,Ne,Se,Ae=i.div(we||(we=n(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"])),l.tdDown),Ye=i.a(ve||(ve=n(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"])),l.tdDown,l.tdDown),Re=i.div(ke||(ke=n(["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"],["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"])),l.tdDown),He=i.div(ze||(ze=n(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"])),(function(n){return n.theme.colors.primaryBase})),Me=i.p(Be||(Be=n(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray800})),Oe=i.p(je||(je=n(["\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray600}),l.tdDown),Ge=i.div(Ce||(Ce=n(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"])),l.tdUp,l.tdDown),Ie=i.a(De||(De=n(["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    width: 40px;\n    height: 30px;\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"],["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    width: 40px;\n    height: 30px;\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.tonePink}),(function(n){return n.theme.mbColors.peach}),(function(n){return n.theme.mbColors.toneYellow}),(function(n){return n.theme.mbColors.orange}),(function(n){return n.theme.mbColors.toneGreen}),(function(n){return n.theme.mbColors.mint}),l.tdDown,l.mbDown,l.tdUp,l.tdUp,l.tdDown),Le=i.div(Ee||(Ee=n(["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"],["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"])),l.tdDown,l.mbDown),Fe=i.div(Ue||(Ue=n(["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"])),(function(n){return n.theme.mbColors.gray}),l.tdDown,(function(n){return n.theme.mbColors.pink})),Ze=i.p(Pe||(Pe=n(["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"],["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray800})),Ve=i.p(Te||(Te=n(["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"],["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray600}),l.tdDown),qe=i.div(_e||(_e=n(["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"])),l.tdUp,l.tdDown),We=i.div(Ne||(Ne=n(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"])),l.tdUp,l.tdDown),Je=i.div(Se||(Se=n(["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"])),l.tdUp,l.tdDown),Ke={COMMUNITIES:"community?website_url={websiteUrl}",MENU_TOPIC:"topic?community_id={communityId}&website_url={websiteUrl}",GET_USER_POSTS:"profile/posts?website_url={websiteUrl}"},Qe=99,Xe=300,$e=400,nt=210,et=i.div(tt||(tt=n(["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n\n  &[data-is-amp='true'] {\n    top: calc(var(--header-height));\n  }\n\n  .hhgcomp-navigation-popupwrapper-menuwrapper {\n    position: unset;\n  }\n"],["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n\n  &[data-is-amp='true'] {\n    top: calc(var(--header-height));\n  }\n\n  .hhgcomp-navigation-popupwrapper-menuwrapper {\n    position: unset;\n  }\n"])));i.div(it||(it=n(["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"],["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"]))),i.div(ot||(ot=n(["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"]))),i.div(at||(at=n(["\n  margin-top: 64px;\n"],["\n  margin-top: 64px;\n"]))),i.div(rt||(rt=n(["\n  padding: 24px 0;\n"],["\n  padding: 24px 0;\n"]))),i.div(pt||(pt=n(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"]))),i.div(dt||(dt=n(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),nt,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),i.div(lt||(lt=n(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"]))),i.div(st||(st=n(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"]))),i.div(xt||(xt=n(["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"],["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),i.div(gt||(gt=n(["\n  display: none;\n"],["\n  display: none;\n"]))),i.div(ct||(ct=n(["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"],["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),i.div(ht||(ht=n(["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),i.div(ft||(ft=n(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),i.div(mt||(mt=n(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),i.div(ut||(ut=n(["\n  display: block;\n"],["\n  display: block;\n"]))),i.div(bt||(bt=n(["\n  .amp-sidebar {\n    width: 100vw;\n\n    background-color: ",";\n  }\n\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"],["\n  .amp-sidebar {\n    width: 100vw;\n\n    background-color: ",";\n  }\n\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800})),i.div(yt||(yt=n(["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"],["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"])),(function(n){return n.theme.mbColors.pink}));var tt,it,ot,at,rt,pt,dt,lt,st,xt,gt,ct,ht,ft,mt,ut,bt,yt,wt,vt,kt,zt,Bt,jt=i.div(wt||(wt=n(["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"],["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.lightGray})),Ct=i.div(vt||(vt=n(["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"],["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"]))),Dt=i.div(kt||(kt=n(["\n  ","\n"],["\n  ","\n"])),(function(n){return"\n    ".concat(0!==n.lowerBound?"@media (max-width: ".concat(n.lowerBound-1,"px) { display: none; }"):"","\n    ").concat(0!==n.upperBound?"@media (min-width: ".concat(n.upperBound,"px) { display: none; }"):"","\n  ")})),Et=i.div(zt||(zt=n(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),l.mbDown,l.mbUp,(function(n){return n.theme.colors.gray800}),l.mbDown,l.mbUp,(function(n){return n.theme.colors.gray600}),l.mbDown,l.mbUp),Ut=i.div(Bt||(Bt=n(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),l.mbDown,l.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""})),Pt="hhgcomp-navprofilebutton-popup",Tt=x(i.div(Nt||(Nt=n(["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),l.mbDown,l.mbUp,l.mbDown,l.mbUp,l.mbDown,l.mbUp,(function(n){return n.theme.colors.gray200}),l.mbDown,s.colors.neutral100,l.mbUp),Pt),_t="hhgcomp-navprofilebutton-popupwrapper";x(i.div(St||(St=n(["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"])),l.mbUp,l.mbDown),_t);var Nt,St,At,Yt,Rt,Ht=i.div(At||(At=n(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.theme.colors.secondaryBase})),Mt=i.a(Yt||(Yt=n(["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    ."," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    ."," {\n      display: initial;\n    }\n  }\n"],["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    ."," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    ."," {\n      display: initial;\n    }\n  }\n"])),Pt,l.mbDown,_t),Ot=i.a(Rt||(Rt=n(["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"],["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"])),l.mbUp,l.mbUp),Gt="fVk18fq",It="v8TCvUb",Lt="mx7T4V3",Ft={myHealth:s.mbColors.toneYellow,myCommunity:s.mbColors.toneBlue,mySaved:s.mbColors.toneGreen},Zt={helloSites:{myBooking:function(){return j.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg")},myCommunity:function(){return j.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg")},myFamily:function(){return j.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg")},myHealth:function(){return j.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg")},mySaved:function(){return j.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg")},eCom:function(){return j.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")}},marryBaby:{mySaved:function(){return j.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg")},myCommunity:function(){return j.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg")},myHealth:function(){return j.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}}},Vt=function(n){var e=n.type,t=n.themeName,i=n.className,o=n.onClick,p=void 0===o?function(){}:o,d=B().t,l=r((function(){var n,i;return(null===(i=null===(n=Zt[t])||void 0===n?void 0:n[e])||void 0===i?void 0:i.call(n))||""}),[e,t]),s=r((function(){return"marryBaby"!==t?"transparent":Ft[e]}),[e,t]);return a.createElement("div",{onClick:function(){p(e)},className:"".concat(Gt," ").concat(i)},a.createElement("div",{className:Lt,style:{backgroundColor:s,backgroundImage:'url("'.concat(l,'")')}}),a.createElement("h3",{className:It},d("userProfile.nav.card.".concat(e))))},qt=i.div(Xt||(Xt=n(["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  &[data-is-amp='true'] {\n    position: relative;\n    transform: translateY(0);\n    transition: transform 0.5s;\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n\n    &[data-is-amp='true'] {\n      position: relative;\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"],["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  &[data-is-amp='true'] {\n    position: relative;\n    transform: translateY(0);\n    transition: transform 0.5s;\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n\n    &[data-is-amp='true'] {\n      position: relative;\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.mbColors.lightPink}),l.mbUp,l.mbDown,Qe,Xe,$e,(function(n){return n.theme.mbColors.lightGray})),Wt=i.div($t||($t=n(["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"],["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"])),l.pcDown,l.mbDown,l.tdUp),Jt=i.div(ni||(ni=n(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),l.pcDown),Kt=i.div(ei||(ei=n([""],[""]))),Qt=i.div(ti||(ti=n(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  .hhgcomp-navigation-itemnav-headeritem {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  .hhgcomp-navigation-itemnav-headeritem {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),l.pcUp,l.pcDown,l.mbDown);i.div(ii||(ii=n(["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"],["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"])));var Xt,$t,ni,ei,ti,ii,oi,ai,ri,pi,di,li,si=i.div(oi||(oi=n(["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"],["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"])),l.pcDown,l.mbDown),xi=i.div(ai||(ai=n(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"]))),gi=i.div(pi||(pi=n(["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  ","\n\n  .amp-header {\n    position: fixed;\n    z-index: var(--header-z-index);\n    top: 0;\n    left: 0;\n    width: 100vw;\n    max-width: 100vw;\n\n    > [data-site-type] {\n      border-bottom: none;\n    }\n  }\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n  pointer-events: none;\n  > amp-lightbox {\n    pointer-events: auto;\n  }\n  > section * {\n    pointer-events: auto;\n  }\n"],["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  ","\n\n  .amp-header {\n    position: fixed;\n    z-index: var(--header-z-index);\n    top: 0;\n    left: 0;\n    width: 100vw;\n    max-width: 100vw;\n\n    > [data-site-type] {\n      border-bottom: none;\n    }\n  }\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n  pointer-events: none;\n  > amp-lightbox {\n    pointer-events: auto;\n  }\n  > section * {\n    pointer-events: auto;\n  }\n"])),l.mbDown,(function(e){return!e.isAmp&&o(ri||(ri=n(["\n      -webkit-transform: translateZ(0);\n      position: sticky;\n    "],["\n      -webkit-transform: translateZ(0);\n      position: sticky;\n    "])))}));i.div(di||(di=n(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"],["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"]))),i.a(li||(li=n(["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"],["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"])));export{jt as $,_n as A,Pn as B,Dn as C,Ln as D,Fn as E,Zn as F,In as G,re as H,be as I,Ye as J,Ge as K,Me as L,Oe as M,$ as N,He as O,Re as P,Ie as Q,qe as R,W as S,Le as T,Je as U,We as V,Ze as W,Ve as X,Fe as Y,Ae as Z,et as _,J as a,Ct as a0,Dt as a1,Et as a2,Ut as a3,Ke as a4,Vt as a5,Tt as a6,Mt as a7,Ot as a8,Ht as a9,qt as aa,Wt as ab,Jt as ac,Kt as ad,Qt as ae,si as af,xi as ag,nn as ah,gi as ai,K as b,Q as c,X as d,q as e,en as f,tn as g,an as h,on as i,rn as j,ln as k,pn as l,dn as m,sn as n,hn as o,cn as p,gn as q,xn as r,fn as s,mn as t,un as u,An as v,En as w,Un as x,Sn as y,Tn as z};