@hhgtech/hhg-components 1.23.91 → 1.23.93

package/build/esm/index-66fc4980.js

@@ -0,0 +1 @@
+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-0d93f8a8.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 M,v as _,w as D,x as z,H as S,P as A}from"./index.styled-47b6ea52.js";import{_ as I,a as T,b as P,c as F,d as H}from"./tslib.es6-d79d3ea2.js";import{f as j,B as V}from"./utils-7a79e838.js";import{B as W}from"./index-8ad51b9d.js";import{CommonGAssets as R}from"./gAssets.js";import{t as G}from"./theme-d0c262b4.js";import{A as O,U,B as Z,a as K,e as q,f as Y,g as X,h as Q,i as J,j as $,k as ee,l as te,m as ae,n as ne,o as le,p as re,q as oe,r as ie,s as ce,t as se,u as me,v as de,w as ue,x as ge,y as pe,z as ve,C as he,E as fe,F as Ee,G as ye,H as be,I as we,J as Ce,K as ke,L as Ne,N as Le,O as xe,P as Be,Q as Me,V as _e,W as De,X as ze,Y as Se,Z as Ae,_ as Ie,$ as Te,a0 as Pe,a1 as Fe,a2 as He,a3 as je,a4 as Ve,a5 as We,a6 as Re,a7 as Ge,a8 as Oe,a9 as Ue,aa as Ze,D as Ke,ab as qe,ac as Ye,b as Xe,ad as Qe,ae as Je,af as $e,ag as et,ah as tt,ai as at,aj as nt,ak as lt,T as rt,al as ot,am as it,an as ct,ao as st,ap as mt,aq as dt,ar as ut,as as gt,at as pt,au as vt,av as ht,aw as ft,ax as Et,ay as yt,az as bt,aA as wt,aB as Ct,aC as kt,aD as Nt,aE as Lt,aF as xt,aG as Bt,aH as Mt,aI as _t,aJ as Dt,aK as zt,aL as St,aM as At,aN as It,aO as Tt,aP as Pt,aQ as Ft,aR as Ht,aS as jt,aT as Vt,aU as Wt,aV as Rt,aW as Gt,aX as Ot,aY as Ut,aZ as Zt,a_ as Kt,a$ as qt,b0 as Yt,b1 as Xt,b2 as Qt,b3 as Jt,b4 as $t,b5 as ea,b6 as ta,b7 as aa,b8 as na,b9 as la,ba as ra,bb as oa,bc as ia,bd as ca,be as sa,bf as ma,bg as da,bh as ua,bi as ga,bj as pa,bk as va,bl as ha,bm as fa,bn as Ea}from"./index.styled-1333e132.js";import ya from"lodash/throttle";import{useKeenSlider as ba}from"keen-slider/react";import{d as wa,L as Ca,F as ka,Q as Na}from"./index-4f0f2fa9.js";import{i as La}from"./isProduction-4a21a585.js";import{u as xa}from"./useTranslations-99ccbbec.js";import{format as Ba,addDays as Ma,isBefore as _a,startOfMonth as Da,addMonths as za,subMonths as Sa,getDaysInMonth as Aa,isToday as Ia,isSameDay as Ta,isWithinInterval as Pa,isAfter as Fa,isPast as Ha}from"date-fns";import ja from"dayjs";import{I as Va}from"./index-b897bb01.js";import{C as Wa}from"./index-6e6ede41.js";import{I as Ra,R as Ga}from"./index-f61cc110.js";import{Container as Oa,Checkbox as Ua}from"@mantine/core";import"./index.styled-cb2f5b95.js";import"./index-a09656cf.js";import{D as Za}from"./types-4c9f507b.js";import{b as Ka,H as qa}from"./index.styled-b0626e2c.js";import{M as Ya}from"./index-b397d318.js";import{S as Xa}from"./index-f1a30edd.js";import{useForm as Qa,Controller as Ja}from"react-hook-form";import{I as $a}from"./index-26610518.js";import{u as en}from"./useHealthToolCache-75147130.js";import{L as tn}from"./Locale-92e2d1e5.js";import{L as an}from"./index.styled-c62b5094.js";import{f as nn,a as ln}from"./dataTransform-428f42ca.js";import"./screenSizeContext-efdd6442.js";import"styled-components";import{u as rn}from"./useOutsideClick-48bae43b.js";import on from"date-fns/locale/en-US";import cn from"date-fns/locale/id";import sn from"date-fns/locale/vi";import mn from"date-fns/locale/zh-TW";import{g as dn}from"./getSocialList-33acfda8.js";import{DatePicker as un}from"@mantine/dates";import{T as gn}from"./index-675f481f.js";var pn="CHw-fZZ",vn="_03U6VRS",hn="EO828Vv",fn=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(pn," ").concat(s||""),style:a,"data-alert-type":r},e.createElement("div",{className:vn},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:hn,onClick:n},c))},En=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)))},yn=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:I({color:g},a),className:l,"data-size":o,"data-type":c,"data-uppercase":m,as:u},n)},bn=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))},wn=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)},Cn=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=T([],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:j(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:j(s,u.length,d),onClick:c},u.length):u.length)))},kn=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=T([],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:j(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(Cn,{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:j(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:j(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"}))))},Nn=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)},Ln=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:I(I({},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,I({},v),n))},xn=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)))},Bn=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(W,{size:"md",color:"secondary",className:"default-button",icon:n,onClick:d},e.createElement(M,null,e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),e.createElement("input",{id:"uploader-input-"+r,accept:i,multiple:c,type:"file",style:{display:"none"},onChange:function(e){l(e.target.files)},value:s}))},_n=function(t){var a=t.label,n=t.name,l=t.checked,r=t.className,o=t.isDisabled,i=t.onChange,c=t.value,s=t.isRectangle,m=t.inputDataTestId,d=t.siteType;return e.createElement(_,{className:r,"data-disabled":o||void 0,"data-is-rectangle":s||void 0,"data-label-text":a,"data-theme":d},e.createElement("input",{type:"checkbox",checked:l,name:n,onChange:function(){return i(c,!l)},disabled:o,value:c,id:"".concat(n,"-").concat(c),"data-label-text":a,"data-testid":m}),!s&&e.createElement("label",{htmlFor:"".concat(n,"-").concat(c)},a))},Dn=function(t){return e.createElement("svg",I({},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"}))},zn=function(t){return e.createElement("svg",I({},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",I({},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"})))},An=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:I({"--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(zn,{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(Dn,{key:a,onClick:function(){return null==m?void 0:m(a+1)},onMouseOver:n,onMouseLeave:l})})))},In=function(t){var a=t.percent,n=t.style;return e.createElement(z,{style:I({"--progress":a},n)})},Tn="PiqKaXk",Pn="HgbW6-m",Fn="_6lkfLYy",Hn="j7c-onH",jn=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)))))},Vn=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(S,{tag:"h6",className:"expert__name",color:G.colors.gray600},l),e.createElement(i,{color:G.colors.gray500,size:"p3",className:"specialty"},s)):e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:G.colors.gray600},l))):e.createElement("a",{href:r},"lg"===c?e.createElement(e.Fragment,null,e.createElement(S,{tag:"h6",className:"expert__name",color:G.colors.gray600},l),e.createElement(i,{color:G.colors.gray500,size:"p3",className:"specialty"},s)):e.createElement(e.Fragment,null,e.createElement("h6",{color:G.colors.gray600,className:"".concat(Tn," expert__name")},l),e.createElement(i,{color:G.colors.gray500,size:"p4",className:"specialty"},s))))))},Wn=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,M=t.isBookmarkDisplayed,_=void 0===M||M,D=t.isMobile,z=void 0===D||D,A=t.onBookmark,I=t.onClickCategoryName,T=t.section,P=void 0===T?"normal":T,F=t.size,H=void 0===F?"md":F,j=t.specialty,V=t.style,W=t.styleBanner,G=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"===H&&"expert"===Q?"h4":"lg"===H&&"home"===P?z?"h4":"h3":"lg"===H?"h4":"h5",ne="lg"===H?"p3":"p4",le=z||"home"!==P||"lg"!==H||"author"!==Q?"c2":"c1";return e.createElement("article",{className:"".concat(Fn," ").concat(m||""),"data-size":H,style:V,"data-direction":N,"data-is-expert":"expert"===Q||void 0},e.createElement("div",{className:"banner",style:W},e.createElement("a",{className:Pn,"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:R.getAssetPath("premium-crown.svg")}),L&&e.createElement(O,null)),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(i,{style:G,className:"label",size:le,type:"caption"},e.createElement("a",{className:Pn,"data-event-category":f,"data-event-action":g,"data-event-label":w,href:c||"#",onClick:I},s),_&&e.createElement("a",{className:"bookmark",onClick:te},B?e.createElement(Z,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:u,dataEventLabelForBookmark:b}):e.createElement(U,{dataEventCategoryForBookmark:h,dataEventActionForBookmark:u,dataEventLabelForBookmark:b}))),e.createElement(S,{tag:ae,style:K,className:"title",as:"lg"===H?"h2":"h3"},e.createElement("a",{className:Pn,"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(jn,{size:H,avatarImg:r,authorName:l,authorLink:n,uploadTime:J,handleClick:te,isBookmarked:B,dataEventCategoryForBookmark:h,dataEventActionForBookmark:u,dataEventLabelForBookmark:b}):e.createElement(Vn,{size:H,isMobile:z,avatarImg:r,specialty:j,name:l,link:n,handleClick:te,isBookmarked:B,dataEventCategoryForBookmark:h,dataEventActionForBookmark:u,dataEventLabelForBookmark:b}))))},Rn="lKjhvEi",Gn="HGYlQvl",On="AyUUQv-",Un=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(K,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:r,className:"collapsed-breadcrumb"}):e.createElement("div",{className:On,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))},Zn=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?I(I({},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(Rn," ").concat(a||"")},d.map((function(t,a){var n=a+1===d.length;return e.createElement(r,{key:a},e.createElement(Un,{LinkComponent:c,page:t,isLast:n,onChangePage:s}),!n&&(t.separator||m||e.createElement("div",{className:Gn,"data-size":o})))})))},Kn=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(q,{"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)))},qn=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(Y,{className:c,"data-type":m,"data-is-rectangle":u||void 0},i.map((function(t,n){return e.createElement(_n,{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})})))},Yn=function(t){var a=t.size,n=t.iconPosition,l=t.className,r=t.children,o=t.icon;return e.createElement(X,{className:l,"data-size":a,"data-icon-position":n},"left"===n&&o,r,"right"===n&&o)},Xn=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=P(t,["trackClassName"]);return e.createElement(ee,I({},n,{className:a}),e.createElement(te,null))},h=e.createElement(Q,{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(ae,{"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(ne,{"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(J,null,s&&Array.from({length:s.length},(function(e,t){return t})).map((function(t,a){var n;return e.createElement($,{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(Q,{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(le,{key:r,style:{left:100/a.length*r+"%",width:100/a.length+"%"},onClick:function(){l&&l(r)}},a[r].icon?e.createElement(re,{onClick:function(){l&&l(r)}},a[r].icon):e.createElement(oe,{"data-is-active":r===n,"data-label":t,onClick:function(){l&&l(r)},key:r},r+1),e.createElement(ie,{"data-step-passed":r<n+1},a[r].text,e.createElement(ce,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(ya((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,{passive:!0}),function(){window.removeEventListener("resize",b)}}),[]),"step-track"===n&&h||"breadcrumb"===n&&E||"detail-track"===n&&y},Qn=Object.freeze({__proto__:null,SideMenu:se,SideHeader:me,UserInfo:de,MenuLink:ue}),Jn=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"}))},$n=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,M=n.dataEventCategory,_=n.dataEventAction,D=n.dataEventLabel,z=n.onChangePage,S=n.page,A=n.customPageWidth,I=n.scheme,T=void 0===I?"hellosites":I,P=n.arrowType,F=void 0===P?"Discover":P,H=t("number"==typeof S?S:0),j=H[0],V=H[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=A||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 S&&function(e){if(R.current){var t=R.current.clientWidth,a=A||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)}}(S)}),[S]);var U=function(e){if(R.current){var t,a=R.current.clientWidth,n=A||a;t=0===j?0:j*n,"forward"===e&&(t===n*(W.length-1)?(V(W.length-1),t=n*(W.length-1),z&&z(W.length-1)):(V(j+1),t+=n,z&&z(j+1)),R.current.scrollTo({top:0,left:t,behavior:"smooth"})),"back"===e&&(0===t?(V(0),z&&z(0),t=0):(V(j-1),z&&z(j-1),t-=n),R.current.scrollTo({top:0,left:t,behavior:"smooth"}))}},Z=ya((function(){if("infinity"===p){if(!R.current)return;var e=R.current,t=e.clientWidth,a=e.scrollLeft,n=A||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=A||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,{passive:!0}),null==i||i.addEventListener("touchstart",m,{passive:!0}),window.addEventListener("mouseup",d,{passive:!0}),window.addEventListener("touchend",d,{passive:!0}),null==i||i.addEventListener("mousemove",g,{passive:!0}),null==i||i.addEventListener("touchmove",v,{passive:!0}),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(ge,{className:b,"data-row":o,onScroll:Z},L&&j>0&&e.createElement("div",{className:"".concat(x," arrow-left"),onClick:function(){return U("back")},"data-event-category":M,"data-event-action":_,"data-event-label":D},"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(Jn,{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&&j<W.length-1&&e.createElement("div",{className:"".concat(B," arrow-right"),onClick:function(){return U("forward")},"data-event-category":M,"data-event-action":_,"data-event-label":D}," ","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(j==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(j==a?"active":null),key:a,onClick:function(){return O(a)},"data-scheme":T},t)}))))},el=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(he,{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"})))},tl=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],M=ba({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}}),_=M[0],D=M[1],z=[],S=n*l,A=0;A<r.length;A+=S){var I=r.slice(A,A+S);z.push(I)}return e.createElement(pe,{row:n,column:l},e.createElement("div",{className:"navigation-wrapper"},e.createElement("div",{ref:_,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&&D.current&&f&&e.createElement(e.Fragment,null,e.createElement(el,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=D.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(el,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=D.current)||void 0===t?void 0:t.next())},isDisabled:k===D.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&&D.current&&v&&e.createElement("div",{className:"dots"},T([],Array(D.current.track.details.slides.length),!0).map((function(t,a){return e.createElement(ve,{key:a,onClick:function(){var e;null===(e=D.current)||void 0===e||e.moveToIdx(a)},"data-is-active":k===a,"data-is-hellosites":"hellosites"===i})}))))},al=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(fe,{className:c,"data-size":a,"data-is-in-card":"big"===a&&o,"data-card-color":i},e.createElement(Ee,null,"small"===a&&e.createElement(ye,{"data-color":i}),n),e.createElement(be,{"data-size":a},"small"!==a&&r,l))},nl=Object.freeze({__proto__:null,Table:we,Cell:Ce,Head:ke,Row:Ne,Body:Le}),ll=function(t){var a=t.thankyou,n=t.thankyouSubtitle,l=t.className,r=t.style;return e.createElement(xe,{className:l,style:r},e.createElement("div",{className:"survey-inner-wrapper"},e.createElement(Be,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(S,{className:"survey-thankyou-title",tag:"h3"},a),n&&e.createElement(i,{className:"survey-thankyou-subtitle",size:"p3"},n)))))},rl=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(_e,{className:"float-button-group__panel",style:I({zIndex:f},i),onClick:d?void 0:w}),e.createElement(De,{className:"float-button-group___content",style:{zIndex:f}},e.createElement(ze,null,n.map((function(t,a){return e.createElement(Se,{className:"float-item-button-".concat(a),style:I(I({},"zoom"===v&&{bottom:64*(n.length-1-a),transitionDelay:"".concat(Ae/n.length*(y?n.length-1-a:a),"ms")}),"slide"===v&&{bottom:64*(n.length-1-a),transitionDelay:"".concat(Ae/n.length*(y?a:n.length-1-a),"ms")}),key:a,onClick:function(){t.onClick(),t.keepMenuOnClick||b(!1)}},e.createElement(Ie,{style:I({},"zoom"===v&&{transitionDelay:"".concat(Ae/n.length*(y?n.length-1-a:a),"ms")})},t.label),e.createElement(Te,{className:"float-item-button__icon-wrapper",style:I({},("zoom"===v||"slide"===v)&&{transitionDelay:"".concat(Ae/n.length*(y?n.length-1-a:a),"ms")})},t.icon))}))),e.createElement(Pe,{onClick:y?w:function(){b(!0),s&&s()}})))},ol=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(Fe,{className:a,"data-theme":u,"data-is-open":p,"data-default-position":h},e.createElement(He,{"data-has-content":!!c},c),e.createElement(je,{dangerouslySetInnerHTML:{__html:m}}),e.createElement(Ve,null,e.createElement(We,{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(Re,{href:n},o.policiesButton)))},il=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.locale,E=void 0===f?"vi-VN":f,y=t.routerPathname,b=t.routerQuery,w=t.nextHead,C=t.siteType,k=t.seoCustom,N=t.userId,L=t.forcedCanonicalUrl,x=h.totalPages,B=h.currentPage,M=h.SEOTitle,_=void 0===M?"":M,D=h.SEODescription,z=void 0===D?"":D,S=h.SEOImage,A=h.seoType,P=h.SEOImageWidth,F=h.SEOImageHeight,H=h.customMetaData,j=void 0===H?[]:H,V=h.isIndexable,W=void 0===V||V,R=h.hasNoCanonical,G=void 0!==R&&R,O=W&&La?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",U=process.env.NEXT_PUBLIC_BASE_API_URL,Z=h.canonicalUrl||y;Object.keys(b).forEach((function(e){var t=b[e];t&&Array.isArray(t)&&(Z=Z.replace("[...".concat(e,"]"),t.join("/")))}));var K=E||"en-PH",q="helloSites"===C?wa[K]:"www.marrybaby.vn",Y=Z.endsWith("/")?"":"/",X=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(B," of ").concat(x),d=B&&1!==B&&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(q).concat(Z).concat(Y,'" />'),'<link rel="canonical" href="https://'.concat(q).concat(Z).concat(Y,"?page=").concat(B,'" />')):h.apiMetaData;if(!(c=Ge(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(q,"/images/").concat(E,".png");c=T(T([],c,!0),[e.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=h.openGraph)||void 0===a?void 0:a.image)||S||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)||S||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)||P&&String(P)||"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)||F&&String(F)||"630"})],!1)}}return c}),[h.apiMetaData,h.openGraph,S,F,P,B,Z,x,E,q]),Q="https://".concat(q,"/images/").concat(E,".png");return e.createElement(w,null,e.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===C&&e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===E?e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===E||"ms-MY"===E?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:U}),e.createElement("meta",{charSet:"UTF-8"}),e.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),e.createElement("meta",{name:"google",content:"notranslate"}),e.createElement("meta",{name:"robots",content:O}),e.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),j.map((function(t,a){return e.createElement("meta",I({key:a},t))})),e.createElement("meta",{name:"theme-color",content:"helloSites"===C?"#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:K}),e.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!X&&e.createElement(e.Fragment,null,"helloSites"===C?e.createElement("title",null,k?_:_+" - "+(null===(a=Ca[E])||void 0===a?void 0:a.SITE_NAME)):e.createElement("title",null,_),!G&&e.createElement("link",{rel:"canonical",href:"https://".concat(q).concat(Z)}),e.createElement("meta",{name:"description",content:z||(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:E}),e.createElement("meta",{property:"og:type",content:A||"website"}),e.createElement("meta",{property:"og:title",content:(null===(r=h.openGraph)||void 0===r?void 0:r.title)||_}),e.createElement("meta",{property:"og:description",content:(null===(o=h.openGraph)||void 0===o?void 0:o.description)||z}),e.createElement("meta",{property:"og:url",content:"https://".concat(q).concat(Z)}),e.createElement("meta",{property:"og:site_name",content:"https://".concat(q)}),e.createElement("meta",{property:"og:image",content:(null===(i=h.openGraph)||void 0===i?void 0:i.image)||S||Q||""}),e.createElement("meta",{property:"og:image:secure_url",content:(null===(c=h.openGraph)||void 0===c?void 0:c.image)||S||Q}),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)||P&&String(P)||"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)||F&&String(F)||"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)||_}),e.createElement("meta",{name:"twitter:description",content:z}),e.createElement("meta",{name:"twitter:image",content:(null===(p=h.twitter)||void 0===p?void 0:p.image)||S})),("helloSites"===C?ka[K]||[]:ka.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(X)&&L?X.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):X,L&&e.createElement("link",{rel:"canonical",href:L}),!h.hasNoAmp&&"vi-VN"!==E&&e.createElement("link",{rel:"amphtml",href:"https://".concat(q).concat(Z).concat(Y,"?amp=1")}),N&&"undefined"!=typeof window?e.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(N,"'});")}}):null)},cl=function(a){var n=a.locale,l=a.onClick,r=a.siteType,o=a.pageUrl,c=xa().t,s=t(new Date),m=s[0],d=s[1];return e.createElement(e.Fragment,null,e.createElement(Oe,{className:"input-form","data-is-side":!0},"marryBaby"===r?e.createElement(Ue,{label:c("dueDatePage.conceptionDate"),name:"date",size:"md",value:Ze(m),CustomInput:e.createElement(Ke,{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(Va,I({className:"due-date-input",name:"birthday",size:"md"},t,{value:m&&ja(m).format(Ka)}))}}),actionIcon:e.createElement(Ra.CalendarMB,{size:32})}):e.createElement(Va,{label:e.createElement(i,{size:"n1",type:"bold",color:G.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("dueDatePage.conceptionDate")),value:Ze(m),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(Ke,{customInput:function(t){return e.createElement("input",I({type:"date",className:"due-date-input"},t,{value:Ze(m)}))},disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:n,pickedDate:m,displayDateFormat:Za,onChange:function(e){d(e)},placeholder:"placeholder"})})),e.createElement(W,{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(qe(m),"".concat(Na.type,"=1&sd=").concat(Ba(m,Ye),"&").concat(Na.additional,"= "))},role:"button"},c("dueDatePage.lastPeriod.calculate")))},sl=function(a){var n=a.locale,l=a.onClick,r=a.siteType,o=a.pageUrl,c=xa().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(Oe,{className:"input-form","data-is-side":!0},"marryBaby"===r?e.createElement(Ue,{label:c("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:Ze(m),CustomInput:e.createElement(Ke,{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(Va,I({className:"due-date-input",name:"birthday",size:"md"},t,{value:m&&ja(m).format(Ka)}))}}),actionIcon:e.createElement(Ra.CalendarMB,{size:32})}):e.createElement(Va,{label:e.createElement(i,{size:"n1",type:"bold",color:G.colors.gray700,style:{marginBottom:"9px",flex:"1"}},c("dueDatePage.ivf.transferDate")),value:Ze(m),name:"date",size:"md",className:"due-date-input",CustomInput:e.createElement(Ke,{customInput:function(t){return e.createElement("input",I({type:"date",className:"due-date-input"},t,{value:Ze(m)}))},disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:n,pickedDate:m,displayDateFormat:Za,onChange:function(e){d(e)},placeholder:"placeholder"})})),e.createElement("div",{style:{width:"100%"}},e.createElement(Xe,{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(W,{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(Qe(m,Number(g)),"".concat(Na.type,"=2&").concat(Na.startDate,"=").concat(Ba(m,Ye),"&").concat(Na.additional,"=").concat(g))},role:"button"},c("dueDatePage.lastPeriod.calculate")))},ml=function(a){var n=a.locale,l=a.onClick,r=a.siteType,o=a.pageUrl,c=xa().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(Oe,{className:"input-form","data-is-side":!0},"marryBaby"===r?e.createElement(Ue,{label:c("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:Ze(g),CustomInput:e.createElement(Ke,{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(Va,I({name:"birthday",size:"md"},t,{value:g&&ja(g).format(Ka)}))}}),actionIcon:e.createElement(Ra.CalendarMB,{size:32})}):e.createElement(Va,{className:"input-section due-date-input",label:e.createElement(i,{size:"n1",type:"bold",color:G.colors.gray600,style:{marginBottom:"9px",flex:"1"}},c("dueDatePage.lastPeriod.lastPeriodLabel")),value:Ze(g),name:"date",size:"md",CustomInput:e.createElement(Ke,{customInput:function(t){return e.createElement("input",I({type:"date",className:"due-date-input"},t,{value:Ze(g)}))},disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:n,pickedDate:g,displayDateFormat:Za,onChange:function(e){p(e)},placeholder:"placeholder"})})),e.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===r?"marryBaby":""},"marryBaby"===r?e.createElement(Ya,{type:"bodytext-3",color:G.mbColors.midGray},c("dueDatePage.lastPeriod.periodLengthLabel")):e.createElement(i,{size:"n1",type:"bold",color:G.colors.gray600,style:{marginBottom:"0.5rem"}},c("dueDatePage.lastPeriod.periodLengthLabel")),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&e.createElement(i,{size:"s3",type:"bold",color:G.colors.gray600},m),e.createElement(Xa,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,onChange:d,value:m,label:"marryBaby"!==r?void 0:null}))),e.createElement(W,{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(Je(g,m),"".concat(Na.type,"=0&").concat(Na.startDate,"=").concat(Ba(g,Ye),"&").concat(Na.additional,"=").concat(m))},role:"button"},c("dueDatePage.lastPeriod.calculate")))},dl=function(a){var l=a.onSubmitDueDate,r=a.locale,o=a.isSide,c=a.siteType,s=xa().t,m=t($e.lastPeriod),d=m[0],u=m[1],g=[{value:$e.lastPeriod,label:s("dueDatePage.lastPeriod")},{value:$e.conception,label:s("dueDatePage.conceptionDate")},{value:$e.IVF,label:s("dueDatePage.ivf")}],p=n((function(){return"undefined"!=typeof window?window.location.href:""}),[]);return e.createElement(et,null,e.createElement(tt,{className:"input-form input-section","data-is-side":!0},"marryBaby"===c?e.createElement(at,{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:G.colors.gray600,style:{marginBottom:"9px",flex:"1"}},s("dueDatePage.calculationMethod")),e.createElement(nt,{"data-is-side":o},e.createElement(K,{options:g,placeholder:s("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:g[d],onChange:function(e){u(e.value)}})))),d===$e.lastPeriod?e.createElement(ml,{locale:r,onClick:l,isSide:o,siteType:c,pageUrl:p}):null,d===$e.conception?e.createElement(cl,{locale:r,onClick:l,isSide:o,siteType:c,pageUrl:p}):null,d===$e.IVF?e.createElement(sl,{locale:r,onClick:l,isSide:o,siteType:c,pageUrl:p}):null)},ul=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=xa().t;return e.createElement(lt,{"data-is-side":s,"data-site":m},e.createElement(rt,{isSide:s,bannerUrl:R.getAssetPath("embedToolBannerPink.svg"),siteType:m,bannerColor:"marryBaby"===m&&G.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",maxWidth:"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:G.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(ot,{onSubmit:function(e){return e.preventDefault()},className:"due-date-cal","data-is-side":s},e.createElement(dl,{siteType:m,locale:l,onSubmitDueDate:r,isSide:s})))};function gl(e){var t=e.weight,a=e.height/100,n=t;return Math.round(n/(a*a)*10)/10}var pl=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=Qa(),C=w.control,k=w.handleSubmit,N=w.setValue,L=(0,w.watch)(),x=xa().t,B=g||{},M=B.gender,_=void 0!==M&&M,D=B.age,z=void 0!==D&&D,S=B.height,A=void 0!==S&&S,I=B.weight,T=void 0!==I&&I,P=B.objective,j=void 0===P||P,V=en(h).getHealthToolLink,W=n((function(){return V(qa.OVULATION)}),[V]),R=n((function(){return[{value:"male",label:x("gender.male"),content:e.createElement(Ra.GenderChooseBoy,null)},{value:"female",label:x("gender.female"),content:e.createElement(Ra.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(it,null,e.createElement("form",{onSubmit:k((function(e){return F(void 0,void 0,void 0,(function(){var t,a,n;return H(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:gl({height:t,weight:a})},j||(n.objective=e.objective),U(),u&&u(n),[2]}))}))}),U)},!_&&e.createElement(ct,{"data-is-side":f},e.createElement(Ja,{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(st,{size:"md",name:n,label:p.gender.label,CustomInput:e.createElement(Ga,{options:R,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(mt,{"data-is-side":f},!z&&e.createElement(ct,null,e.createElement(Ja,{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($a.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:G.colors.gray600},p.age.label),placeholder:x("healthtool.placeholder.age"),name:n,value:l,onChange:r,error:y?null==o?void 0:o.message:"",min:0})}})),!A&&e.createElement(ct,null,e.createElement(Ja,{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($a.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:G.colors.gray600},p.height.label),placeholder:x("pwg.placeholder.height"),name:n,value:l,onChange:r,error:y?null==o?void 0:o.message:"",min:0})}})),!T&&e.createElement(ct,null,e.createElement(Ja,{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($a.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:G.colors.gray600},p.weight.label),placeholder:x("pwg.placeholder.weight"),name:n,value:l,onChange:r,error:y?null==o?void 0:o.message:"",precision:1,min:0})}})),!j&&e.createElement(ct,null,e.createElement(Ja,{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(st,{size:"md",name:n,label:p.objective.label,CustomInput:e.createElement(Xe,{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(dt,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:"https://".concat(wa[h],"/").concat(W)},x("bmi.submit")))))},vl=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=xa().t;return e.createElement(lt,{"data-is-side":s},e.createElement(rt,{isSide:s,bannerUrl:R.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==c?void 0:c.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"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:G.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(Wa,null,e.createElement(ot,{as:"div","data-is-side":s},u&&e.createElement(pl,{onSubmit:o,bmiGenerated:m,locale:g,bmiUnit:d,isSide:s}))))},hl=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=xa().t;return e.createElement(lt,{"babyGrowthContent-is-mobile":c,"data-site":p},e.createElement(rt,{siteType:p,bannerUrl:R.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:R.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===p&&G.mbColors.mint,isEmbeded:!0,icon:e.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==g?void 0:g.featuredImage)||"",style:{maxWidth:"100%"}}),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:G.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(ut,{"data-theme":p},e.createElement(gt,{siteType:p,schema:u,className:s,onSubmit:m,onError:d})))},fl=function(t){var a=t.babyPoopPage,n=t.onClickFindOut,l=t.locale,r=t.isMobile,o=t.currentUrl,c=t.isSide,s=xa().t,m=a.reviewedBy,d=a.reviewedDate;return e.createElement(pt,null,e.createElement(Oa,{className:"px-16",style:{height:"100%",display:"".concat(r?"flex":""),flexDirection:"column"}},r&&e.createElement(vt,{src:R.getAssetPath("babyDiaper.png"),alt:a.title}),e.createElement(ht,{"data-is-side":c},e.createElement(ft,{"data-is-side":c},e.createElement(S,{tag:"h2",color:"#284A75"},a.title),e.createElement(i,{size:"p3",className:"description"},a.description),!!m&&e.createElement(Et,{className:"reviewer"},e.createElement("img",{src:R.getAssetPath("reviewerCheck.svg"),alt:"check",className:"check-icon"}),e.createElement(i,{size:"p4",color:G.colors.gray600},s("categoryPage.info.reviewed")," ",e.createElement("a",{href:m.profileUrl},m.displayName)," ",s("categoryPage.onDate",{date:d}))),e.createElement(W,{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(vt,{src:R.getAssetPath("babyDiaper.png"),alt:a.title,"data-is-vietnam":l===tn.Vietnam,className:"banner-img"}))))},El=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(yt,{className:r,"data-direction":c},l.map((function(t,a){return e.createElement(bt,{"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)))})))},yl=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=xa().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(wt,{style:o,className:r},e.createElement(Va,{className:"input-section due-date-input",label:e.createElement(i,{size:"n1",type:"bold",color:G.colors.gray600,style:{marginBottom:"9px",flex:"1"}},u("targetHeartRate.ageInput")),value:Ze(p),name:"date",size:"md",CustomInput:e.createElement(Ke,{customInput:function(t){return e.createElement("input",I({type:"date",className:"due-date-input"},t,{value:Ze(p)}))},disabledDays:{after:new Date(Ma(new Date,0))},locale:d,pickedDate:p,displayDateFormat:"dd/MM/yyyy",onChange:function(e){!function(e){v(e),E((function(e){return I(I({},e),{age:!0})}));var t=I(I({},n),{age:Ba(new Date(e),Ye)});c&&c(t)}(e)},placeholder:"placeholder"}),errorMessage:f.age?"":m.age}))},bl=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=xa().t,E=en(m).getHealthToolLink,y=n((function(){return E(qa.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],M=x[1],_=t(60),D=_[0],z=_[1],S=t({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),A=S[0],I=S[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:R.getAssetPath("/low.svg"),imageActive:R.getAssetPath("/low-active.svg"),content:f("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:f("targetHeartRate.moderateIntensity.title"),image:R.getAssetPath("/moderate.svg"),imageActive:R.getAssetPath("/moderate-active.svg"),content:f("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:f("targetHeartRate.aerobicZone.title"),image:R.getAssetPath("/aerobic.svg"),imageActive:R.getAssetPath("/aerobic-active.svg"),content:f("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:f("targetHeartRate.vigorousIntensity.title"),image:R.getAssetPath("/vigorous.svg"),imageActive:R.getAssetPath("/vigorous-active.svg"),content:f("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:f("targetHeartRate.maximumIntensity.title"),image:R.getAssetPath("/maximum.svg"),imageActive:R.getAssetPath("/maximum-active.svg"),content:f("targetHeartRate.maximumIntensity.note")}],F=n((function(){return[{value:"male",label:f("gender.male"),content:e.createElement(Ra.GenderChooseBoy,null)},{value:"female",label:f("gender.female"),content:e.createElement(Ra.GenderChooseGirl,null)}]}),[]);return l((function(){var e=((new Date).getTime()-new Date(null==g?void 0: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)}),[null==g?void 0:g.age]),e.createElement(lt,{"data-is-side":s},e.createElement(rt,{isSide:s,bannerUrl:R.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==d?void 0:d.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"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:G.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:f("toolPage.toolReviewer",{expert_name:'<a\n                      style="color: white"\n                      href="'.concat(nn(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(Wa,null,e.createElement(ot,{className:"heart-rate-cal",onSubmit:function(e){return e.preventDefault()},"data-is-side":s},e.createElement(Ct,{"data-is-side":s},e.createElement(kt,null,e.createElement(Nt,{size:"md",name:"gender",label:f("bmi.selectGender"),CustomInput:e.createElement(Ga,{options:F,value:B,onChange:function(e){M(e),z(60)},className:"bmi--input-radio_gender"}),className:"bmi--input bmi--input-gender"}))),e.createElement(Ct,null,e.createElement(yl,{info:g,locale:m,errorMessage:p,onChange:v})),e.createElement("div",{className:"slider-heart-rate"},e.createElement(an,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:G.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},f("targetHeartRate.heartRateInput")),e.createElement("div",{className:"slider-outer-wrapper"},e.createElement(Xa,{containerStyle:{flex:1},min:"male"===B?A.rangeMale:A.rangeFemale,max:200,step:1,value:D,withControl:!0,onChange:z}))),w&&e.createElement(kt,null,e.createElement(Lt,null,e.createElement(an,{size:"label2",style:{display:"inline-block",fontWeight:"bold",color:G.colors.gray600,marginBottom:"9px"},htmlFor:"gender-selector"},f("targetHeartRate.selectActive")),e.createElement("div",{className:"card"},e.createElement(El,{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:R.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(xt,{size:"lg",onClick:function(){h(B,N,[D])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:"https://".concat(wa[m],"/").concat(y)},f("bmi.submit")))))},wl=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=xa().t,h=t({age:!1,height:!1,weight:!1}),f=h[0],E=h[1],y=en(u).getHealthToolLink,b=n((function(){return y(qa.OVULATION)}),[y]),w=t("male"),C=w[0],k=w[1],N=n((function(){return[{value:"male",label:v("gender.male"),content:e.createElement(Ra.GenderChooseBoy,null)},{value:"female",label:v("gender.female"),content:e.createElement(Ra.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 I(I({},e),{age:!0})}));var t=I(I({},r),{age:e});s&&s(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||a(t)};return l((function(){s&&s(I(I({},r),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),l((function(){E({age:!1,height:!1,weight:!1})}),[d]),e.createElement(Bt,{style:c,className:o},e.createElement(Mt,{"data-is-side":p},e.createElement(_t,{size:"md",name:"gender",label:v("bmi.selectGender"),CustomInput:e.createElement(Ga,{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(Dt,{"data-is-side":p},e.createElement(Mt,null,e.createElement($a.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:G.colors.gray600},v("bmi.ageInput")," ",e.createElement(i,{size:"label2",type:"bold",color:G.colors.gray300,as:"span"},v("bmi.ageInput.desc"))),placeholder:v("healthtool.placeholder.age"),value:Number(r.age),onChange:function(e){return x(String(e))},error:f.age?"":d.age,min:0})),e.createElement(Mt,null,e.createElement($a.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:G.colors.gray600},v("bmi.heightInput")," ",e.createElement(i,{size:"label2",type:"bold",color:G.colors.gray300,as:"span"},v("bmi.heightInput.desc"))),placeholder:v("pwg.placeholder.height"),value:Number(r.height),onChange:function(e){return t=String(e),void L(t,(function(e){E((function(e){return I(I({},e),{height:!0})}));var t=I(I({},r),{height:e});s&&s(t)}));var t},error:f.height?"":d.height,min:0})),e.createElement(Mt,null,e.createElement($a.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:G.colors.gray600},v("bmi.weightInput")," ",e.createElement(i,{size:"label2",type:"bold",color:G.colors.gray300,as:"span"},v("bmi.weightInput.desc"))),placeholder:v("pwg.placeholder.weight"),value:Number(r.weight),onChange:function(e){return t=String(e),E((function(e){return I(I({},e),{weight:!0})})),void L(t,(function(e){var t=I(I({},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(zt,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:"https://".concat(wa[u],"/").concat(b),onClick:function(){g(C)}},v("bmi.submit"))))},Cl=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=xa().t;return e.createElement(lt,{"data-is-side":r},e.createElement(rt,{isSide:r,bannerUrl:R.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==c?void 0:c.featured_image,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"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:G.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(Wa,null,e.createElement(ot,{onSubmit:function(e){return e.preventDefault()},"data-is-side":r},e.createElement(St,null,e.createElement(wl,{info:m,locale:o,errorMessage:d,onChange:u,onClick:g,isSide:r})))))},kl="eM8ChWU",Nl="KAx1aqi",Ll="QcFfKPB",xl="brbyNAY",Bl="W65hTnn",Ml=function(t){var a=t.src,n=t.title,l=t.backgroundSrc,r=t.className,o=t.reviewedSection,i=t.isSide;return e.createElement("div",{className:"".concat(kl," ").concat(r||"")},e.createElement("div",{className:Nl,style:{backgroundImage:'url("'.concat(l,'")')}},e.createElement("div",{className:Ll,"data-is-side":i},e.createElement("div",{className:xl,"data-is-side":i},e.createElement(S,{tag:"h4",color:"white"},n),o),e.createElement("div",{className:Bl},e.createElement("img",{src:a||"",style:{objectFit:"contain"},alt:n})))))},_l="zvE9IoJ",Dl="njDC-ia",zl="ESkUhe9",Sl="wZLIQYa",Al=function(t){var a,n,l,r=t.backgroundDesktopSrc,o=t.backgroundMobileSrc,c=t.title,s=t.className,m=t.isSide,d=t.ovulationContent,u=xa().t,g=nn(null==d?void 0:d.reviewed_by);return e.createElement("div",{className:"".concat(_l," ").concat(s),"data-is-side":m},e.createElement("div",{className:Dl,style:{backgroundImage:"url('".concat(o||r,"')")}},e.createElement("div",{className:Sl},e.createElement(S,{tag:"h5",color:"white"},c),(null===(a=null==d?void 0:d.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:u("articlePage.articleReviewerBy",{name:'<a\n                          style="color: white"\n                          href="'.concat(g,'"\n                        >\n                        ').concat(d.reviewed_by.display_name,"\n                        </a>")})}}),e.createElement("span",null,u("tools.heading.on")),e.createElement("span",null,null==d?void 0:d.reviewed_date)):null),e.createElement("div",{className:zl,"data-is-side":m},e.createElement("img",{src:(null==d?void 0:d.featured_image)||"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:c}))),e.createElement(Ml,{className:"desktop-only",src:(null==d?void 0:d.featured_image)||"",backgroundSrc:r||o||"",title:c,reviewedSection:(null===(n=null==d?void 0:d.reviewed_by)||void 0===n?void 0:n.display_name)&&""!==(null===(l=null==d?void 0:d.reviewed_by)||void 0===l?void 0:l.display_name)&&e.createElement(i,{size:"n1",color:G.colors.white,style:{marginTop:12}},e.createElement("span",{dangerouslySetInnerHTML:{__html:u("toolPage.toolReviewer",{expert_name:'<a\n                        style="color: white"\n                        href="'.concat(g,'"\n                      >\n                        ').concat(d.reviewed_by.display_name,"\n                      </a>"),date:null==d?void 0:d.reviewed_date})}}),e.createElement("span",null)),isSide:m}))},Il=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=xa().t,g=ln(r||null);return e.createElement(lt,{"data-is-side":s,"data-site":m},"marryBaby"!==m?e.createElement(Al,{backgroundDesktopSrc:R.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:R.getAssetPath("embedToolBannerPink.svg"),title:u("healthTools.ovulationCalculator"),reviewedBy:g.reviewedBy,reviewedDate:g.reviewedDate,ovulationContent:o,isSide:s}):e.createElement(rt,{isSide:s,bannerUrl:R.getAssetPath("embedToolBannerPink.svg"),siteType:m,bannerColor:"marryBaby"===m&&G.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",maxWidth:"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:G.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(ot,{onSubmit:function(e){return e.preventDefault()},className:"ovulation-cal","data-is-side":s},e.createElement(At,{siteType:m,locale:l,onSubmitOvulation:n,isSide:s})))},Tl=function(n){var r=n.siteType,o=n.info,i=n.onChange,c=n.errorMessage,s=void 0===c?{}:c,m=xa().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 I(I({},e),{weightBefore:!0})}));var t=I(I({},o),{weightBefore:e});i&&i(t)}))},b=function(e){E(e,(function(e){g((function(e){return I(I({},e),{height:!0})}));var t=I(I({},o),{height:e});i&&i(t)}))},w=function(e){E(e,(function(e){g((function(e){return I(I({},e),{weight:!0})}));var t=I(I({},o),{weight:e});i&&i(t)}))};return l((function(){i&&i(I({},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(Ue,{label:m("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==o?void 0:o.height,CustomInput:e.createElement(Va,{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,showErrorMessage:!1,onChange:b})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Ue,{label:m("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==o?void 0:o.weightBefore,CustomInput:e.createElement(Va,{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,showErrorMessage:!1,onChange:y})})),e.createElement("div",{className:"input-form-pwg input-section"},e.createElement(Ue,{label:m("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==o?void 0:o.weight,CustomInput:e.createElement(Va,{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,showErrorMessage:!1,onChange:w})}))):e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg"},e.createElement(A,{placeholder:m("pwg.placeholder.height"),className:"input-section",label:e.createElement("span",{style:{color:G.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},m("pregnancyWeightGain.heightInput")," ",e.createElement("span",{style:{color:"".concat(G.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(A,{placeholder:m("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:G.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:f,className:"label-text"},m("pregnancyWeightGain.weightBeforeInput")," ",e.createElement("span",{style:{color:"".concat(G.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(A,{placeholder:m("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:G.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:v},className:"label-text"},m("pregnancyWeightGain.weightInput")," ",e.createElement("span",{style:{color:"".concat(G.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})))},Pl=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=xa().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 T([],Array(40),!0).map((function(e,t){return{label:"".concat(t+1),value:"".concat(t+1)}}))}),[]),L=en(o).getHealthToolLink,x=n((function(){return L(qa.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:G.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:f("toolPage.toolReviewer",{expert_name:null===(r=null==m?void 0:m.reviewedBy)||void 0===r?void 0:r.display_name,date:null==m?void 0:m.reviewedDate})}}),e.createElement("span",null)):void 0;return e.createElement(lt,{"data-is-side":v,"data-site":h},e.createElement(rt,{siteType:h,bannerUrl:R.getAssetPath("embedToolBannerPink.svg"),bannerColor:"marryBaby"===h&&G.mbColors.mint,isEmbeded:!0,icon:e.createElement("img",{alt:"health-tool-icon",src:null==m?void 0:m.featuredImage,style:{objectFit:"contain",marginLeft:"auto",maxWidth:"100%"}}),heading:f("pregnancyWeightGain.heading"),medicalReview:B,isMobile:g,isSide:v}),e.createElement(Wa,null,e.createElement(ot,{onSubmit:function(e){return e.preventDefault()},className:"pwg-view-mobile","data-is-side":v},"marryBaby"!==h&&e.createElement(It,{className:"hide-asking-mobile","data-is-side":v},e.createElement(an,{size:"label2",style:{display:"block",fontWeight:"bold",color:G.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},f("pregnancyWeightGain.havingTwins")),e.createElement(Tt,{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(et,null,e.createElement(Pt,{className:"input-section input-form-pwg","data-is-side":v},"marryBaby"===h?e.createElement(at,{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(an,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:G.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},f("pregnancyWeightGain.weekInput")),e.createElement(K,{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(Tl,{siteType:h,info:u,errorMessage:s,onChange:d})),"marryBaby"!==h&&e.createElement(It,{className:"hide-asking-desk","data-is-side":v},e.createElement(an,{size:"label2",style:{display:"block",fontWeight:"bold",color:G.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},f("pregnancyWeightGain.havingTwins")),e.createElement(Tt,{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(_n,{name:"twins",label:f("pregnancyWeightGain.havingTwins"),checked:"twins"===y,siteType:"marryBaby",onChange:function(){b("twins"===y?"notwins":"twins")},value:"twins"}),e.createElement(Ft,{"data-is-side":v,"data-site":h},e.createElement(W,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:"https://".concat(wa["marryBaby"===h?"vi-VN_MB":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"))))))},Fl=function(){return"undefined"!=typeof window&&window.innerWidth<V.BREAK_POINT_MOBILE},Hl=function(){return"undefined"!=typeof window&&window.innerWidth>=V.BREAK_POINT_MOBILE&&window.innerWidth<V.BREAK_POINT_PC},jl=function(){var e=t(Fl()),a=e[0],n=e[1],r=t(Hl()),o=r[0],i=r[1];return l((function(){var e=function(){n(Fl()),i(Hl())};return window.addEventListener("resize",e,{passive:!0}),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:a,isLargeMobile:o}};var Vl={"en-PH":on,"vi-VN":sn,"zh-TW":mn,"id-ID":cn};function Wl(a){var l=a.value,r=void 0===l?{from:null,to:null}:l,o=t(null),i=o[0],c=o[1],s=jl().isMobile,m=t((function(){return r})),d=m[0],u=m[1],g=t((function(){var e;return Da(null!==(e=r.from)&&void 0!==e?e:new Date)})),p=g[0],v=g[1],h=n((function(){return za(p,1)}),[p]);var f=I(I({},a),{goToNextMonth:function(){v((function(e){return za(e,1)}))},goToPreviousMonth:function(){v((function(e){return Sa(e,1)}))},range:d,setRange:u,hoverDay:i,setHoverDay:c});return e.createElement(e.Fragment,null,e.createElement(Rl,I({},f,{date:p})),!s&&e.createElement(Ht,null),!s&&e.createElement(Rl,I({},f,{date:h})))}function Rl(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=xa().locale,y=n((function(){var e;return null!==(e=Vl[E])&&void 0!==e?e:Vl["en-PH"]}),[E]),b=n((function(){return Ba(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(Kt,{key:"idx-".concat(a),"data-empty":"true"});var n=t.getDate(),l=Ia(t),i=!!r.from&&Ta(r.from,t),c=!!r.to&&Ta(r.to,t),s=i||c,u=!1;null!==h&&r.from&&_a(r.from,h)&&!r.to?u=Pa(t,{start:r.from,end:h}):r.from&&r.to&&(u=Pa(t,{start:r.from,end:r.to}));var p=!1;return m&&d?p=!Pa(t,{start:m,end:d}):m?p=_a(t,m):d&&(p=Fa(t,d)),e.createElement(Kt,{key:n,"data-is-today":l,"data-is-past":!l&&Ha(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?_a(e,t.from)?I(I({},t),{from:e}):I(I({},t),{to:e}):t:I(I({},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(jt,{className:"calendar-wrapper"},e.createElement(Vt,null,e.createElement(W,{onClick:c,size:"md",color:"ghost",icon:e.createElement("img",{src:R.getAssetPath("calendarArrowLeft.svg")})}),e.createElement("div",{className:"calendar-month"},b,e.createElement("strong",null,Ba(a,"yyyy"))),e.createElement(W,{onClick:s,size:"md",color:"ghost",icon:e.createElement("img",{src:R.getAssetPath("calendarArrowRight.svg")})})),e.createElement(Wt,null,e.createElement("div",null,e.createElement(Rt,null,w.map((function(t,a){return e.createElement(Gt,{key:"".concat(t,"-").concat(a)},t)})))),e.createElement("div",null,function(){for(var t=a.getFullYear(),n=a.getMonth(),l=Aa(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(Ot,{key:"month-".concat(n),"data-month-index":n,"data-has-range":Boolean(r.from&&r.to)},e.createElement(Ut,null,e.createElement(Zt,null,o.map(C))))}())))}function Gl(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 Ba(e,"dd/MM/yyyy")}rn(b,(function(){y()}));var k=n((function(){return s.from&&s.to?Ta(s.from,s.to)?C(s.from):"".concat(C(s.from)," - ").concat(C(s.to)):""}),[s.from,s.to]);return e.createElement(Yt,{className:[g,f&&"focused"].filter(Boolean).join(" "),ref:b},e.createElement("label",{htmlFor:c},e.createElement(A,{size:o,value:k,name:c,actionIcon:e.createElement("img",{src:R.getAssetPath("calendar.svg")}),onFocus:function(){return E(!0)}})),f?e.createElement(Xt,{onMouseDown:function(e){e.stopPropagation()}},e.createElement(Wl,{value:s,onChange:w,minDate:m,maxDate:d,close:y,autoClose:v})):null)}var Ol=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"}))},Ul=function(t){var a=t.url,l=t.onCopied,r=t.locale,o=t.siteType,c=xa().t,s=dn(a||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(r)})),m=n((function(){return"undefined"!=typeof window?window.location.href:""}),[]);return e.createElement(Qt,null,e.createElement(i,{size:"p3",color:G.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(W,{theme:o,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(Ol,null),onClick:function(){return F(void 0,void 0,void 0,(function(){var e;return H(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})))},Zl=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"}))},Kl=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=P(t,["open","title","onClose","onCopied","onShared","url","locale"]),g=xa().t,p=o((function(){return F(void 0,void 0,void 0,(function(){var e;return H(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=dn(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(Jt,I({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:G.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:G.colors.gray600},g("share.copyLink")),e.createElement("div",{className:"input-group"},e.createElement(Va,{name:"link",size:"md",value:m,isDisabled:!0}),e.createElement(W,{size:"md",type:"button",color:"tertiary",icon:e.createElement(Zl,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=xa().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($t,{className:c,"data-theme":s,"data-status":l?"current":d,"data-is-in-timeline":n},e.createElement(ea,null,l?e.createElement(Ra.Current,null):"vaccinated"===d?e.createElement(Ra.Vaccinated,null):"passed"===d?e.createElement(Ra.Missed,null):e.createElement(Ra.Upcoming,null),n?e.createElement("div",{className:"toggle",onChange:function(){"vaccinated"==d?o(a):r(a)}},"vaccinated"===d?e.createElement(Ra.ToggleOn,null):e.createElement(Ra.ToggleOff,null),e.createElement(i,{size:"n1",color:G.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(ta,null,e.createElement(i,{size:"s3",color:G.colors.gray800,type:"semiBold"},g),e.createElement(aa,null,e.createElement(i,{size:"n1",color:u?G.colors.gray800:G.colors.red800},m(u?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")),e.createElement("span",{className:"dot"}),e.createElement(i,{size:"n1",color:G.colors.gray600},m("babyVaccine.vaccineInfo.dose",{ordinal:p,total:v})),e.createElement("span",{className:"dot"}),e.createElement(i,{size:"n1",color:G.colors.gray800},m("vaccinated"===d?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:h})))))},Yl=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=xa().t;return e.createElement(na,{className:s,"data-theme":m},e.createElement(la,null,e.createElement(ra,null,e.createElement(i,{size:"s4",color:n?G.colors.primaryBase:G.colors.gray800,type:"semiBold",className:"title"},a.name||a.shortName),e.createElement(oa,{"data-isCurrent":n},e.createElement("span",{className:"dot"}),e.createElement("div",{className:"line"}))),e.createElement(ia,null,o>0&&e.createElement(i,{size:"n1",color:G.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:G.colors.gray600,wordWrap:"none"},d("babyVaccine.timeline.totalNext",{number:c})))),e.createElement(ca,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)}})}))))},Xl=function(t){var a=t.content,n=t.url,l=t.icon,r=t.gender,o=t.className,c=t.siteType,s=xa().t;return e.createElement(sa,{className:o,"data-theme":c,"data-gender":r},e.createElement("div",{className:"content"},e.createElement(i,{size:"p3",color:G.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:G.colors.primaryBase,type:"semiBold"},s("articlePage.readMore"))),e.createElement(Ra.ArrowRight,{size:20,color:G.colors.primaryBase}))),e.createElement("img",{alt:"health-tool-icon",src:l}))},Ql=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=xa().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(ma,{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(gn,{style:{fontSize:"14px",lineHeight:"22px",width:"100%",border:"none"},onChange:function(e){h(e)},tabContent:b,initialTab:v}),e.createElement(da,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(Ra.ToggleOn,null):e.createElement(Ra.ToggleOff,null),e.createElement(i,{size:"n1",color:G.colors.gray800},"vaccinated"===n.status?g("babyVaccine.vaccineCard.injected"):g("babyVaccine.vaccineCard.markAsInjected"))),e.createElement(un,{style:{width:"100%"},label:e.createElement(i,{as:"label",size:"s5",type:"semiBold",color:G.colors.gray600},g("babyVaccine.popup.checkbox.suggestedDate")),onChange:function(){return null},excludeDate:function(e){return ja(e).isAfter(ja())}}),e.createElement(Ua,{label:e.createElement(i,{as:"label",size:"s5",type:"semiBold",color:G.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(W,{style:{width:"100%",marginTop:12},theme:m,size:"lg",color:"primary"},g("babyVaccine.popup.button.submit")))},Jl=function(t,a){return e.createElement(Ea,{"data-status":t,"data-id":a||"header"},a||"")},$l=function(t){var a=t.vaccineRecord,n=t.onMarkAsInjected,l=t.onDelInjected,r=t.isMobile,o=t.className,c=t.siteType,s=xa().t;return e.createElement(ua,{className:o,"data-theme":c},e.createElement(ga,null,e.createElement(Ra.Missed,{color:G.colors.gray600}),e.createElement(i,{size:"p3",color:G.colors.gray800},s("babyVaccine.immunization.warning"))),e.createElement(pa,null,e.createElement(va,{className:"header"},!r&&e.createElement(ha,{className:"header"},e.createElement(i,{size:"s5",color:G.colors.gray800,type:"semiBold"},s("babyVaccine.immunization.vaccineName"))),e.createElement(fa,{className:"header"},e.createElement("div",{className:"status"},Jl("passed"),e.createElement(i,{size:"p4",color:G.colors.gray800},s("babyVaccine.status.missed"))),e.createElement("div",{className:"status"},Jl("next"),e.createElement(i,{size:"p4",color:G.colors.gray800},s("babyVaccine.status.upcoming"))),e.createElement("div",{className:"status"},Jl("vaccinated"),e.createElement(i,{size:"p4",color:G.colors.gray800},s("babyVaccine.status.vaccinated"))))),a&&a.map((function(t,a){return e.createElement(va,{key:"".concat(a).concat(t.id)},e.createElement(ha,null,e.createElement(i,{size:"n1",color:t.optional?G.colors.gray800:G.colors.red800},t.optional?s("babyVaccine.vaccineInfo.optional"):s("babyVaccine.vaccineInfo.mandatory")),e.createElement(i,{size:r?"s3":"s4",color:G.colors.gray800,type:"semiBold"},t.name||t.antigen)),e.createElement(fa,null,t.records&&t.records.map((function(t,a){return e.createElement("div",{key:a,onClick:function(){"vaccinated"==t.status?l(t):n(t)}},Jl(t.status,a+1))}))))}))))};export{fn as A,En as B,_n as C,ul as D,Kl as E,bn as F,wn as G,Yl as H,Yn as I,Xl as J,Ql as K,$l as L,Il as O,kn as P,An as R,Nn as S,Ln as T,Bn as U,ql as V,yn as a,xn as b,Mn as c,In as d,Wn as e,Zn as f,Kn as g,qn as h,Xn as i,Qn as j,$n as k,tl as l,al as m,nl as n,ll as o,rl as p,ol as q,il as r,vl as s,hl as t,fl as u,bl as v,Cl as w,Pl as x,Gl as y,Ul as z};

package/build/esm/index-675f481f.js

@@ -0,0 +1 @@
+import e,{useState as t,useEffect as a}from"react";import{z as r}from"./index.styled-47b6ea52.js";import{b as n,_ as o}from"./tslib.es6-d79d3ea2.js";import{u as d}from"./useTranslations-99ccbbec.js";import{T as i}from"./index-0d93f8a8.js";import{bo as s,bp as l,bq as c,br as m}from"./index.styled-1333e132.js";import{t as u}from"./theme-d0c262b4.js";var b=function(t){var a=t.type,n=void 0===a?"solid":a,o=t.className,d=t.style;return e.createElement(r,{style:d,className:o,"data-diver-type":n,dividerType:n})},y="U9NRDG6",v={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},p=function(t){var a=t.siteType,r=t.role,i=t.title,s=n(t,["siteType","role","title"]),l=d().t,c=r?function(e){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(t){return t===e}))}(r):"";return c&&v[c]?e.createElement("div",o({className:y,"data-label-type":c,"data-is-marrybaby":"marryBaby"===a},s),i||l(v[c])):null},f=function(r){var n=r.style,o=r.initialTab,d=r.tabContent,b=r.onChange,y=r.className,v=r.dataEventCategory,p=r.dataEventAction,f=r.dataEventLabel,E=r.id,A=t(o||0),x=A[0],g=A[1];return a((function(){g(o)}),[o]),e.createElement(s,{style:n,className:y,role:"tablist",id:E},d.map((function(t,a){return e.createElement(l,{"data-is-tab-active":x===a||void 0,"aria-selected":x===a,role:"tab",onClick:function(){g(a),b&&b(a)},onKeyDown:function(e){"Enter"===e.key&&(g(a),b&&b(a))},key:a,"data-event-category":t.dataEventCategory||v,"data-event-action":t.dataEventAction||p,"data-event-label":t.dataEventLabel||f,tabIndex:0,"data-testid":t.dataTestid},e.createElement(c,null,t.icon&&e.createElement(m,null,t.icon),e.createElement(i,{size:t.textSize||"sm",type:t.textType||"bold",color:t.textColor||u.colors.gray800,dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name)))})))};export{p as A,b as D,f as T};

package/build/esm/{index-12f73eb0.js → index-6a392db4.js}

@@ -1 +1 @@
-import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-0fa3fe9a.js";import i,{createContext as a,useContext as l,useState as s,useRef as c,useEffect as d,useMemo as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{H as b}from"./index.styled-b33aac14.js";import{B as h}from"./index-50103831.js";import"./gAssets.js";import"./index.styled-c220c28f.js";import{c as f}from"./index-19f9cd2b.js";import{M as x}from"./utils-24851d18.js";import{t as E}from"./theme-c9c52398.js";import{Container as y,Input as v}from"@mantine/core";import"./index.styled-fbea9ecb.js";import{u as w}from"./useTranslations-6f48dddc.js";import"./index-ed0cee9a.js";import"lodash/debounce";import"./isProduction-e349cef9.js";import{L as P}from"./index-72a4f487.js";import"dayjs";import"./screenSizeContext-dcaa6fb2.js";import k from"styled-components";import{L as S}from"./Locale-62b56d6c.js";import"./translationsContext-de34a31e.js";import"string-format";import{T as C}from"./index-c860fb15.js";import{useForm as M,yupResolver as j}from"@mantine/form";import{e as T,O as I,D as N,R as z}from"./index-6a52550f.js";import*as L from"yup";import B from"lodash/throttle";import{P as O}from"./index-117d7206.js";import"./index-acae660a.js";import{format as F}from"date-fns";import{V as D}from"./Visible-ae904128.js";var V,H,U,q,R,A,_,W,Y=a({}),K=k.div(V||(V=n([""],[""]))),Z=k(C)(H||(H=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),G=k.div(U||(U=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"]))),J=k(y)(q||(q=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"])),x.mbDown),Q=k.img(R||(R=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),X=function(n){var t,r=n.heading,a=n.description,s=n.children,c=n.className,d=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]),p=l(Y),u=p.isMarryBaby,g=p.siteType;return i.createElement(J,o({},m,{className:"hhg-comp-onboarding-container ".concat(c),size:"sm"}),i.createElement(f,{type:u?g:(null===(t=P[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),i.createElement(G,null,d&&i.createElement(Q,{src:d,loading:"lazy"}),i.createElement(K,{className:"header"},i.createElement(b,{tag:"h3"},r),i.createElement(Z,{size:"p3",color:E.colors.gray600},a)),s))},$=function(n){return L.object().shape({phone:L.string().required(n("onboarding.updatePhone.error")).default("")})},nn=function(n){return L.object().shape({otp:L.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},en=function(n){return L.object().shape({email:L.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:L.string().required(n("onboarding.errorMessage.requiredName"))})},on=function(n){return L.object().shape({password:L.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:L.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([L.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},tn=k(X)(A||(A=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"])),x.mbDown),rn=((_={})[S.Vietnam]="VN",_[S.Cambodia]="KH",_[S.Indonesia]="ID",_[S.Malaysia]="MY",_[S.PhilippinesEnglish]="PH",_[S.PhilippinesTagalog]="PH",_[S.Taiwan]="TW",_[S.Thailand]="TH",_[S.Myanmar]="MM",_),an=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,d=w().t,m=M({initialValues:{phone:""},validate:j($(d))});return i.createElement(tn,{heading:(null==c?void 0:c.heading)||d("onboarding.updatePhone.heading"),description:(null==c?void 0:c.description)||d("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:m.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(T,o({defaultCountry:rn[process.env.UNIFY_LOCALE]||"VN"},m.getInputProps("phone"))),i.createElement(v.Error,null,m.errors.phone)),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},d("onboarding.button.continue")),s&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip"))))};(W={})[S.Vietnam]="VN",W[S.Cambodia]="KH",W[S.Indonesia]="ID",W[S.Malaysia]="MY",W[S.PhilippinesEnglish]="PH",W[S.PhilippinesTagalog]="PH",W[S.Taiwan]="TW",W[S.Thailand]="TH",W[S.Myanmar]="MM";var ln,sn,cn,dn,mn,pn,un,gn,bn,hn,fn,xn,En=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"))},yn=k(X)(ln||(ln=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"])),x.mbDown,x.mbDown),vn=function(n){var e=n.onSubmit,a=n.phone,p=n.email,b=n.onResendCode,f=n.otpError,x=n.onClose,y=n.loading,P=n.onBack,k=n.canSkip,S=n.outOfEdit,T=l(Y),N=T.siteType,z=T.isMarryBaby,L=s(30),O=L[0],F=L[1],D=u((function(){return F((function(n){return n-1}))}),1e3),V=g(0,{min:0,max:3}),H=V[0],U=V[1],q=c(!0),R=w().t;d((function(){return D.start(),D.stop}),[]),d((function(){0===O&&(D.stop(),q.current=!1)}),[O]);var A=M({initialValues:{otp:""},validate:j(nn(R))});d((function(){f&&A.setFieldError("otp",f)}),[f]);var _=m((function(){return B((function(){q.current||(U.increment(),F(30),null==b||b(a||p),D.start(),q.current=!0)}),1e3,{trailing:!1})}),[a,p,b,D]);return i.createElement(yn,{heading:R("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:a?R("onboarding.otpForm.description",{phone:'<b style="color:'.concat(E.colors.gray800,'">').concat(a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3)),"</b>")}):R("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(E.colors.gray800,'">').concat(En(p),"</b>")})}}),!S&&i.createElement("svg",{onClick:function(){null==P||P()},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:A.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return U.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},A.getInputProps("otp"))),i.createElement(v.Error,null,A.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(C,{size:"p4",color:E.colors.gray400},R("onboarding.otpForm.notReceiveOTP")),i.createElement(C,{as:"a",size:"p4",color:z?E.mbColors.pink:E.colors.primaryBase,onClick:_},R("onboarding.otpForm.resendCode",{seconds:O}))),i.createElement(h,{theme:N,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},R("onboarding.button.continue")),k&&H>=3&&i.createElement(h,{theme:N,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},R("onboarding.button.skip"))))},wn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.loading,s=n.errorMessage,c=n.initialData,m=w().t,p=l(Y).siteType,u=M({validate:j(en(m))});return d((function(){u.setValues(o(o({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),d((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(X,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:u.onSubmit((function(n){t(o(o({},n),{birthday:n.birthday&&F(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("name"))),i.createElement(v.Error,{className:"field-error"},u.errors.name)),i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("email"))),i.createElement(v.Error,{className:"field-error"},u.errors.email)),i.createElement(N,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(z.Group,{value:u.values.gender,onChange:function(n){return u.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(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},m("onboarding.button.continue")),r&&i.createElement(h,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},Pn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=w().t,c=M({initialValues:{password:"",confirmPassword:""},validate:j(on(s))});return i.createElement(X,{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(O,o({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("password"))),i.createElement(O,o({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("confirmPassword"))),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&i.createElement(v.Error,{className:"form-error"},a)))},kn=k.div(sn||(sn=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"]))),Sn=k.div(cn||(cn=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"])),x.lgPcUp),Cn=k.div(dn||(dn=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"])),x.lgPcUp),Mn=k.div(mn||(mn=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"])),x.lgPcUp),jn=k.div(pn||(pn=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  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\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  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),E.colors.blue50,E.mbColors.tonePink),Tn=k.div(un||(un=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),In=k(b)(gn||(gn=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),Nn=k(C)(bn||(bn=n([""],[""]))),zn=k.img(hn||(hn=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),Ln=k.div(fn||(fn=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"}(xn||(xn={}));var Bn=function(n){var a=n.onClose,l=n.canSkip,c=n.flow,d=void 0===c?[xn.Phone,xn.OTP]:c,m=n.step,u=n.onPhoneSubmit,b=n.onOtpSubmit,f=n.onPersonalInfoSubmit,x=n.onCreatePassByEmail,y=n.onResendCode,v=n.otpError,P=n.personalInfoError,k=n.createPassError,S=n.emailLoading,C=n.createPassLoading,M=n.otpLoading,j=n.customFormTexts,T=n.initialData,I=n.banner,N=n.resultScreenProps,z=n.siteType,L=e(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),B=w().t,O=s(m||d[0]),F=O[0],D=O[1],V=s(""),H=V[0],U=V[1],q=s(""),R=q[0],A=q[1],_=g(0,{min:0,max:2}),W=_[0],K=_[1],Z=p((function(){var n=d.indexOf(F)+1;n<=d.length-1&&D(d[n])}),[F]),G=p((function(){var n=d.indexOf(F)-1;n>=0&&D(d[n])}),[F]),J=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,b(n)];case 1:return!o.sent()&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},Q=function(){W>=2||(K.increment(),G())},$="marryBaby"===z;return console.log({isMarryBaby:$}),i.createElement(Y.Provider,{value:{siteType:z,isMarryBaby:$}},i.createElement(kn,o({},L),d.length>0?i.createElement(Sn,null,i.createElement(Cn,{"data-has-banner":"object"==typeof I},F===xn.Phone&&i.createElement(an,{onClose:a,canSkip:l,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]),U(n),[4,null==u?void 0:u(n)];case 1:return o.sent(),Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:j.onboarding}),F===xn.OTP&&i.createElement(vn,{onClose:a,onSubmit:J,phone:H,onResendCode:y,otpError:v,loading:M,canSkip:l,onBack:Q,outOfEdit:W>=2}),F===xn.OTPEmail&&i.createElement(vn,{onClose:a,onSubmit:J,onResendCode:y,otpError:v,loading:M,canSkip:l,onBack:Q,outOfEdit:W>=2,email:R}),F===xn.PersonalInfo&&i.createElement(wn,{initialData:null==T?void 0:T[xn.PersonalInfo],onClose:a,canSkip:l,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==f?void 0:f(n)];case 1:return!o.sent()&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:P,loading:S}),F===xn.UpdatePassword&&i.createElement(Pn,{onClose:a,canSkip:l,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==x?void 0:x(n)];case 1:return o.sent(),!k&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:C}),F===xn.Result&&i.createElement(X,o({},N),i.createElement(h,{theme:z,size:"lg",onClick:a,className:"form-button"},B("onboarding.button.continue")))),"object"==typeof I&&i.createElement(Mn,null,i.createElement(jn,{"data-is-marry-baby":$},i.createElement(Tn,null,(null==I?void 0:I.heading)&&i.createElement(In,{tag:"h1"},null==I?void 0:I.heading),(null==I?void 0:I.description)&&i.createElement(Nn,{size:"p1",color:E.colors.gray800},B("onboarding.welcomeScreen.content"))),(null==I?void 0:I.imgSrc)&&i.createElement(Ln,null,i.createElement(zn,{src:null==I?void 0:I.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{rn as M,Bn as O,xn as a,an as b,vn as c};
+import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-d79d3ea2.js";import i,{createContext as a,useContext as l,useState as s,useRef as c,useEffect as d,useMemo as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{H as b}from"./index.styled-47b6ea52.js";import{B as h}from"./index-8ad51b9d.js";import"./gAssets.js";import"./index.styled-c62b5094.js";import{c as f}from"./index-6e6ede41.js";import{M as x}from"./utils-7a79e838.js";import{t as E}from"./theme-d0c262b4.js";import{Container as y,Input as v}from"@mantine/core";import"./index.styled-cb2f5b95.js";import{u as w}from"./useTranslations-99ccbbec.js";import"./index-a09656cf.js";import"lodash/debounce";import"./isProduction-4a21a585.js";import{L as P}from"./index-4f0f2fa9.js";import"dayjs";import"./screenSizeContext-efdd6442.js";import k from"styled-components";import{L as S}from"./Locale-92e2d1e5.js";import"./translationsContext-65a3869d.js";import"string-format";import{T as C}from"./index-0d93f8a8.js";import{useForm as M,yupResolver as j}from"@mantine/form";import{e as T,O as I,D as N,R as z}from"./index-0b0183bf.js";import*as L from"yup";import B from"lodash/throttle";import{P as O}from"./index-26610518.js";import"./index-ba2ba46b.js";import{format as F}from"date-fns";import{V as D}from"./Visible-4e365275.js";var V,H,U,q,R,A,_,W,Y=a({}),K=k.div(V||(V=n([""],[""]))),Z=k(C)(H||(H=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),G=k.div(U||(U=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"]))),J=k(y)(q||(q=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"])),x.mbDown),Q=k.img(R||(R=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),X=function(n){var t,r=n.heading,a=n.description,s=n.children,c=n.className,d=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]),p=l(Y),u=p.isMarryBaby,g=p.siteType;return i.createElement(J,o({},m,{className:"hhg-comp-onboarding-container ".concat(c),size:"sm"}),i.createElement(f,{type:u?g:(null===(t=P[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),i.createElement(G,null,d&&i.createElement(Q,{src:d,loading:"lazy"}),i.createElement(K,{className:"header"},i.createElement(b,{tag:"h3"},r),i.createElement(Z,{size:"p3",color:E.colors.gray600},a)),s))},$=function(n){return L.object().shape({phone:L.string().required(n("onboarding.updatePhone.error")).default("")})},nn=function(n){return L.object().shape({otp:L.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},en=function(n){return L.object().shape({email:L.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:L.string().required(n("onboarding.errorMessage.requiredName"))})},on=function(n){return L.object().shape({password:L.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:L.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([L.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},tn=k(X)(A||(A=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"])),x.mbDown),rn=((_={})[S.Vietnam]="VN",_[S.Cambodia]="KH",_[S.Indonesia]="ID",_[S.Malaysia]="MY",_[S.PhilippinesEnglish]="PH",_[S.PhilippinesTagalog]="PH",_[S.Taiwan]="TW",_[S.Thailand]="TH",_[S.Myanmar]="MM",_),an=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,d=w().t,m=M({initialValues:{phone:""},validate:j($(d))});return i.createElement(tn,{heading:(null==c?void 0:c.heading)||d("onboarding.updatePhone.heading"),description:(null==c?void 0:c.description)||d("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:m.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(T,o({defaultCountry:rn[process.env.UNIFY_LOCALE]||"VN"},m.getInputProps("phone"))),i.createElement(v.Error,null,m.errors.phone)),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},d("onboarding.button.continue")),s&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip"))))};(W={})[S.Vietnam]="VN",W[S.Cambodia]="KH",W[S.Indonesia]="ID",W[S.Malaysia]="MY",W[S.PhilippinesEnglish]="PH",W[S.PhilippinesTagalog]="PH",W[S.Taiwan]="TW",W[S.Thailand]="TH",W[S.Myanmar]="MM";var ln,sn,cn,dn,mn,pn,un,gn,bn,hn,fn,xn,En=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"))},yn=k(X)(ln||(ln=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"])),x.mbDown,x.mbDown),vn=function(n){var e=n.onSubmit,a=n.phone,p=n.email,b=n.onResendCode,f=n.otpError,x=n.onClose,y=n.loading,P=n.onBack,k=n.canSkip,S=n.outOfEdit,T=l(Y),N=T.siteType,z=T.isMarryBaby,L=s(30),O=L[0],F=L[1],D=u((function(){return F((function(n){return n-1}))}),1e3),V=g(0,{min:0,max:3}),H=V[0],U=V[1],q=c(!0),R=w().t;d((function(){return D.start(),D.stop}),[]),d((function(){0===O&&(D.stop(),q.current=!1)}),[O]);var A=M({initialValues:{otp:""},validate:j(nn(R))});d((function(){f&&A.setFieldError("otp",f)}),[f]);var _=m((function(){return B((function(){q.current||(U.increment(),F(30),null==b||b(a||p),D.start(),q.current=!0)}),1e3,{trailing:!1})}),[a,p,b,D]);return i.createElement(yn,{heading:R("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:a?R("onboarding.otpForm.description",{phone:'<b style="color:'.concat(E.colors.gray800,'">').concat(a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3)),"</b>")}):R("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(E.colors.gray800,'">').concat(En(p),"</b>")})}}),!S&&i.createElement("svg",{onClick:function(){null==P||P()},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:A.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return U.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},A.getInputProps("otp"))),i.createElement(v.Error,null,A.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(C,{size:"p4",color:E.colors.gray400},R("onboarding.otpForm.notReceiveOTP")),i.createElement(C,{as:"a",size:"p4",color:z?E.mbColors.pink:E.colors.primaryBase,onClick:_},R("onboarding.otpForm.resendCode",{seconds:O}))),i.createElement(h,{theme:N,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},R("onboarding.button.continue")),k&&H>=3&&i.createElement(h,{theme:N,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},R("onboarding.button.skip"))))},wn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.loading,s=n.errorMessage,c=n.initialData,m=w().t,p=l(Y).siteType,u=M({validate:j(en(m))});return d((function(){u.setValues(o(o({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),d((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(X,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:u.onSubmit((function(n){t(o(o({},n),{birthday:n.birthday&&F(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("name"))),i.createElement(v.Error,{className:"field-error"},u.errors.name)),i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("email"))),i.createElement(v.Error,{className:"field-error"},u.errors.email)),i.createElement(N,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(z.Group,{value:u.values.gender,onChange:function(n){return u.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(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},m("onboarding.button.continue")),r&&i.createElement(h,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},Pn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=w().t,c=M({initialValues:{password:"",confirmPassword:""},validate:j(on(s))});return i.createElement(X,{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(O,o({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("password"))),i.createElement(O,o({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("confirmPassword"))),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&i.createElement(v.Error,{className:"form-error"},a)))},kn=k.div(sn||(sn=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"]))),Sn=k.div(cn||(cn=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"])),x.lgPcUp),Cn=k.div(dn||(dn=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"])),x.lgPcUp),Mn=k.div(mn||(mn=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"])),x.lgPcUp),jn=k.div(pn||(pn=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  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\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  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),E.colors.blue50,E.mbColors.tonePink),Tn=k.div(un||(un=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),In=k(b)(gn||(gn=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),Nn=k(C)(bn||(bn=n([""],[""]))),zn=k.img(hn||(hn=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),Ln=k.div(fn||(fn=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"}(xn||(xn={}));var Bn=function(n){var a=n.onClose,l=n.canSkip,c=n.flow,d=void 0===c?[xn.Phone,xn.OTP]:c,m=n.step,u=n.onPhoneSubmit,b=n.onOtpSubmit,f=n.onPersonalInfoSubmit,x=n.onCreatePassByEmail,y=n.onResendCode,v=n.otpError,P=n.personalInfoError,k=n.createPassError,S=n.emailLoading,C=n.createPassLoading,M=n.otpLoading,j=n.customFormTexts,T=n.initialData,I=n.banner,N=n.resultScreenProps,z=n.siteType,L=e(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),B=w().t,O=s(m||d[0]),F=O[0],D=O[1],V=s(""),H=V[0],U=V[1],q=s(""),R=q[0],A=q[1],_=g(0,{min:0,max:2}),W=_[0],K=_[1],Z=p((function(){var n=d.indexOf(F)+1;n<=d.length-1&&D(d[n])}),[F]),G=p((function(){var n=d.indexOf(F)-1;n>=0&&D(d[n])}),[F]),J=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,b(n)];case 1:return!o.sent()&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},Q=function(){W>=2||(K.increment(),G())},$="marryBaby"===z;return console.log({isMarryBaby:$}),i.createElement(Y.Provider,{value:{siteType:z,isMarryBaby:$}},i.createElement(kn,o({},L),d.length>0?i.createElement(Sn,null,i.createElement(Cn,{"data-has-banner":"object"==typeof I},F===xn.Phone&&i.createElement(an,{onClose:a,canSkip:l,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]),U(n),[4,null==u?void 0:u(n)];case 1:return o.sent(),Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:j.onboarding}),F===xn.OTP&&i.createElement(vn,{onClose:a,onSubmit:J,phone:H,onResendCode:y,otpError:v,loading:M,canSkip:l,onBack:Q,outOfEdit:W>=2}),F===xn.OTPEmail&&i.createElement(vn,{onClose:a,onSubmit:J,onResendCode:y,otpError:v,loading:M,canSkip:l,onBack:Q,outOfEdit:W>=2,email:R}),F===xn.PersonalInfo&&i.createElement(wn,{initialData:null==T?void 0:T[xn.PersonalInfo],onClose:a,canSkip:l,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==f?void 0:f(n)];case 1:return!o.sent()&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:P,loading:S}),F===xn.UpdatePassword&&i.createElement(Pn,{onClose:a,canSkip:l,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==x?void 0:x(n)];case 1:return o.sent(),!k&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:C}),F===xn.Result&&i.createElement(X,o({},N),i.createElement(h,{theme:z,size:"lg",onClick:a,className:"form-button"},B("onboarding.button.continue")))),"object"==typeof I&&i.createElement(Mn,null,i.createElement(jn,{"data-is-marry-baby":$},i.createElement(Tn,null,(null==I?void 0:I.heading)&&i.createElement(In,{tag:"h1"},null==I?void 0:I.heading),(null==I?void 0:I.description)&&i.createElement(Nn,{size:"p1",color:E.colors.gray800},B("onboarding.welcomeScreen.content"))),(null==I?void 0:I.imgSrc)&&i.createElement(Ln,null,i.createElement(zn,{src:null==I?void 0:I.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{rn as M,Bn as O,xn as a,an as b,vn as c};

package/build/esm/{index-19f9cd2b.js → index-6e6ede41.js}

@@ -1 +1 @@
-import{e as n}from"./tslib.es6-0fa3fe9a.js";import{M as t}from"./utils-24851d18.js";import e from"styled-components";import o,{memo as a,useMemo as s}from"react";import{CommonGAssets as i}from"./gAssets.js";import{L as l}from"./Locale-62b56d6c.js";var h,r,g=e.div(h||(h=n(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"],["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"])),t.mbDown),p=e.img(r||(r=n(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),m=a((function(n){var t=n.type,e=n.width,a=n.height,l=s((function(){switch(t){case"hellobacsi":return{width:e||"107px",height:a||"24px",src:i.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:a||"24px",src:i.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:a||"27px",src:i.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:a||"24px",src:i.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:a||"24px",src:i.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:a||"24px",src:i.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:a||"24px",src:i.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:a||"24px",src:i.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:a||"24px",src:i.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:a||"24px",src:i.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:a||"24px",src:i.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:a||"24px",src:i.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:a||"57px",src:i.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:a||"28px",src:i.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,a])||{},h=l.src,r=l.width,g=l.height;return o.createElement("img",{className:"main-logo-icon",src:h,style:{width:r,height:g}})})),d=function(n){var t=n.getDate();return 11===n.getMonth()&&t>=16&&t<=25},c={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},x=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],f=function(n){var t=n.getFullYear(),e=c[t];if(!e)return!1;var o=new Date(t,e[1],e[0]),a=new Date(o);a.setDate(o.getDate()-7);var s=new Date(o);return s.setDate(o.getDate()+5),a<=n&&n<=s},u=function(n){var t=n.getDate(),e=n.getMonth();return 11===e&&t>=26||0===e&&t<=15},w="d76E4SH",y=function(n){var t=n.children,e=n.className,a=n.style,s=n.type;return o.createElement("div",{className:"".concat(w," ").concat(e||""),style:a,"data-type":s},t)};export{y as C,x as L,g as S,f as a,u as b,m as c,p as d,d as i};
+import{e as n}from"./tslib.es6-d79d3ea2.js";import{M as t}from"./utils-7a79e838.js";import e from"styled-components";import o,{memo as a,useMemo as s}from"react";import{CommonGAssets as i}from"./gAssets.js";import{L as l}from"./Locale-92e2d1e5.js";var h,r,g=e.div(h||(h=n(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"],["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"])),t.mbDown),p=e.img(r||(r=n(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),m=a((function(n){var t=n.type,e=n.width,a=n.height,l=s((function(){switch(t){case"hellobacsi":return{width:e||"107px",height:a||"24px",src:i.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:a||"24px",src:i.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:a||"27px",src:i.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:a||"24px",src:i.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:a||"24px",src:i.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:a||"24px",src:i.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:a||"24px",src:i.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:a||"24px",src:i.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:a||"24px",src:i.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:a||"24px",src:i.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:a||"24px",src:i.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:a||"24px",src:i.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:a||"57px",src:i.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:a||"28px",src:i.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,a])||{},h=l.src,r=l.width,g=l.height;return o.createElement("img",{className:"main-logo-icon",src:h,style:{width:r,height:g}})})),d=function(n){var t=n.getDate();return 11===n.getMonth()&&t>=16&&t<=25},c={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},x=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],f=function(n){var t=n.getFullYear(),e=c[t];if(!e)return!1;var o=new Date(t,e[1],e[0]),a=new Date(o);a.setDate(o.getDate()-7);var s=new Date(o);return s.setDate(o.getDate()+5),a<=n&&n<=s},u=function(n){var t=n.getDate(),e=n.getMonth();return 11===e&&t>=26||0===e&&t<=15},w="d76E4SH",y=function(n){var t=n.children,e=n.className,a=n.style,s=n.type;return o.createElement("div",{className:"".concat(w," ").concat(e||""),style:a,"data-type":s},t)};export{y as C,x as L,g as S,f as a,u as b,m as c,p as d,d as i};

package/build/esm/index-7751f1a4.js

@@ -0,0 +1 @@
+import{b as e,_ as r}from"./tslib.es6-d79d3ea2.js";import l from"react";import{L as a}from"./Locale-92e2d1e5.js";import{S as n,a as o,b as t}from"./index.styled-05315188.js";var i=function(i){var s=i.data,m=i.isMobile,c=i.onSlideChange,d=i.pillProps,p=i.locale,u=void 0===p?a.Vietnam:p,b=i.blurFromIndex,f=i.blurLength,h=e(i,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),g={withControls:!m,slideGap:16,blurFromCenter:!0,blurFromIndex:b||(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:u,name:a.name,icon:a.icon,className:n===e?"selected-week-pill":""})))}))}))};export{i as P};

package/build/esm/{index-50103831.js → index-8ad51b9d.js}

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

package/build/esm/{index-ed0cee9a.js → index-a09656cf.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-0fa3fe9a.js";import t,{forwardRef as r}from"react";var a=r((function(r,a){return t.createElement("circle",e({},r,{ref:a}),t.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));export{a as C};
+import{_ as e}from"./tslib.es6-d79d3ea2.js";import t,{forwardRef as r}from"react";var a=r((function(r,a){return t.createElement("circle",e({},r,{ref:a}),t.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));export{a as C};

package/build/esm/{index-d2852278.js → index-b397d318.js}

@@ -1 +1 @@
-import{b as e,_ as t}from"./tslib.es6-0fa3fe9a.js";import a from"react";import{S as r,a as o}from"./index.styled-fbea9ecb.js";var l=function(o){var l=o.type,s=o.color,y=o.style,n=e(o,["type","color","style"]);return a.createElement(r,t({type:l,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[l],style:t(t({},s&&{"--text-color":s}),y)},n))},s=function(r){var l=r.type,s=r.color,y=r.style,n=e(r,["type","color","style"]);return a.createElement(o,t({"data-type":l,style:t(t({},y),s&&{"--text-color":s})},n))};export{s as M,l as a};
+import{b as e,_ as t}from"./tslib.es6-d79d3ea2.js";import a from"react";import{S as r,a as o}from"./index.styled-cb2f5b95.js";var l=function(o){var l=o.type,s=o.color,y=o.style,n=e(o,["type","color","style"]);return a.createElement(r,t({type:l,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[l],style:t(t({},s&&{"--text-color":s}),y)},n))},s=function(r){var l=r.type,s=r.color,y=r.style,n=e(r,["type","color","style"]);return a.createElement(o,t({"data-type":l,style:t(t({},y),s&&{"--text-color":s})},n))};export{s as M,l as a};

package/build/esm/{index-f43f0a2a.js → index-b897bb01.js}

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

package/build/esm/{index-acae660a.js → index-ba2ba46b.js}

@@ -1 +1 @@
-import{b as e,_ as n}from"./tslib.es6-0fa3fe9a.js";import r,{createContext as l,useContext as i,useRef as t,useState as o,useEffect as c}from"react";import{Carousel as d}from"@mantine/carousel";import{useResizeObserver as a}from"@mantine/hooks";var u=d.Slide,s=l({}),f=function(e,n){return e>=n?e-n:e},p=function(l){var i=l.children,u=l.blurFromCenter,p=l.blurFromIndex,v=l.blurLength,h=void 0===v?3:v,m=l.maxBlurOpacity,x=void 0===m?.5:m,S=l.onSlideChange,g=l.selectSlideWhenClick,b=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),y=a(),C=y[0],k=y[1],w=t(null),E=o(0),F=E[0],I=E[1],L=function(){var e,n,r,l=null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.selectedScrollSnap();I(l);var i=(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.slideNodes())||[],t=i.length,o=(null===(r=null==w?void 0:w.current)||void 0===r?void 0:r.slidesInView()).length,c=Math.floor(o/2),d=u?p+h-1:c,a=l+d,s=a===t?0:a>t?a-t:a,v=l-d,m=v<0?t+v:v>0?l-d:0,S=Array(2*d+1).fill("").map((function(e,n){return f(m+n,t)}));i.map((function(e,n){if(n===l?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var r=x/h,i=0;i<h;i++){if(n===f(m+i,t)||n===(c=t,(o=s-i)<0?c+o:o)){e.style.opacity=String((i+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var o,c}))},W={getEmblaApi:function(e){w.current=e},onSlideChange:function(e){L(),null==S||S(e)}};return c((function(){(null==w?void 0:w.current)&&L()}),[k]),r.createElement(s.Provider,{value:{slider:null==w?void 0:w.current,centerSlide:F,selectSlideWhenClick:g}},r.createElement(d,n({ref:C,slideSize:"auto",containScroll:"trimSnaps"},W,b,{loop:!0}),"function"==typeof i?i(F):i))};p.Slide=function(l){var d=l.children,a=l.onClick,f=e(l,["children","onClick"]),p=i(s),v=p.slider,h=p.selectSlideWhenClick,m=t(),x=t(""),S=o(0),g=S[0],b=S[1];c((function(){x.current=String(Math.round(1e4*Math.random()))}),[]),c((function(){var e=(null==v?void 0:v.slideNodes())||[];b(e.findIndex((function(e){return e.dataset.key===x.current})))}),[v]);var y={ref:m,"data-key":x.current,"data-index":g,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return r.createElement(u,n({},y,f),r.createElement("div",{onClick:function(){h&&(null==v||v.scrollTo(g)),null==a||a(g)}},d))};export{p as C};
+import{b as e,_ as n}from"./tslib.es6-d79d3ea2.js";import r,{createContext as l,useContext as i,useRef as t,useState as o,useEffect as c}from"react";import{Carousel as d}from"@mantine/carousel";import{useResizeObserver as a}from"@mantine/hooks";var u=d.Slide,s=l({}),p=function(e,n){return e>=n?e-n:e},f=function(l){var i=l.children,u=l.blurFromCenter,f=l.blurFromIndex,v=l.blurLength,h=void 0===v?3:v,m=l.maxBlurOpacity,x=void 0===m?.5:m,S=l.onSlideChange,g=l.selectSlideWhenClick,b=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),y=a(),C=y[0],k=y[1],w=t(null),E=o(0),F=E[0],I=E[1],L=function(){var e,n,r,l=null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.selectedScrollSnap();I(l);var i=(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.slideNodes())||[],t=i.length,o=(null===(r=null==w?void 0:w.current)||void 0===r?void 0:r.slidesInView()).length,c=Math.floor(o/2),d=u?f+h-1:c,a=l+d,s=a===t?0:a>t?a-t:a,v=l-d,m=v<0?t+v:v>0?l-d:0,S=Array(2*d+1).fill("").map((function(e,n){return p(m+n,t)}));i.map((function(e,n){if(n===l?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var r=x/h,i=0;i<h;i++){if(n===p(m+i,t)||n===(c=t,(o=s-i)<0?c+o:o)){e.style.opacity=String((i+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var o,c}))},W={getEmblaApi:function(e){w.current=e},onSlideChange:function(e){L(),null==S||S(e)}};return c((function(){(null==w?void 0:w.current)&&L()}),[k]),r.createElement(s.Provider,{value:{slider:null==w?void 0:w.current,centerSlide:F,selectSlideWhenClick:g}},r.createElement(d,n({ref:C,slideSize:"auto",containScroll:"trimSnaps"},W,b,{loop:!0}),"function"==typeof i?i(F):i))};f.Slide=function(l){var d=l.children,a=l.onClick,p=e(l,["children","onClick"]),f=i(s),v=f.slider,h=f.selectSlideWhenClick,m=t(),x=t(""),S=o(0),g=S[0],b=S[1];c((function(){x.current=String(Math.round(1e4*Math.random()))}),[]),c((function(){var e=(null==v?void 0:v.slideNodes())||[];b(e.findIndex((function(e){return e.dataset.key===x.current})))}),[v]);var y={ref:m,"data-key":x.current,"data-index":g,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return r.createElement(u,n({},y,p),r.createElement("div",{onClick:function(){h&&(null==v||v.scrollTo(g)),null==a||a(g)}},d))};export{f as C};

package/build/esm/index-be2f80b4.js

@@ -0,0 +1 @@
+import{b as e,_ as t}from"./tslib.es6-d79d3ea2.js";import r from"react";import{CommonGAssets as l}from"./gAssets.js";import{S as n}from"./index-0b0183bf.js";var o=function(o){var s=o.title,a=e(o,["title"]);return r.createElement(r.Fragment,null,r.createElement(n,t({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},a,{withCloseButton:!1,title:a.withCloseButton&&r.createElement(r.Fragment,null,s,r.createElement("img",{className:"mantine-Modal-close",src:l.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=a.onClose)||void 0===e?void 0:e.call(a)}}))})))};export{o as M};

package/build/esm/index-d8365ac2.js

@@ -0,0 +1 @@
+import{G as r,B as e,a as t,b as a,L as o}from"./Locale-92e2d1e5.js";var n=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return e},get BabyGrowthChartDuration(){return t},get BabyGrowthResultTab(){return a},get LOCALE(){return o}});export{n as i};

package/build/esm/{index-051e9ea1.js → index-dec6c8e3.js}

@@ -1 +1 @@
-import{b as e,_ as t}from"./tslib.es6-0fa3fe9a.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};
+import{b as e,_ as t}from"./tslib.es6-d79d3ea2.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};