@hhgtech/hhg-components 1.23.96 → 1.24.0

package/build/esm/index-21b4181b.js

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

package/build/esm/index-2c15a988.js

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

package/build/esm/index-364770a0.js

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

package/build/esm/{index-727b7826.js → index-5923c954.js}

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

package/build/esm/index-5a00107b.js

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

package/build/esm/index-653fcb30.js

@@ -0,0 +1 @@
+import{_ as e}from"./tslib.es6-0039c19c.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as s}from"@mantine/hooks";import{B as a}from"./index-f98bb958.js";import{D as r,S as i,b as l}from"./index-150d757e.js";const m=m=>{var{color:c,withControl:h,onChange:d,value:g,min:w,max:p,isStatic:u,containerClassName:k,containerStyle:v}=m,x=e(m,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[b,C]=o(g||w||0),[f]=s(b,r);return n((()=>{null==d||d(f)}),[f]),t.createElement(i,{className:k,style:v},h&&t.createElement(a,{type:"button",size:"sm",color:"ghost",onClick:()=>{C((e=>w&&e===w?e:e-1))}},t.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},t.createElement("path",{d:"M1 1.004h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),t.createElement(l,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:c,value:b,onChange:u?()=>null:C,min:w,max:p},x,{className:"hhg-mantine-slider "+(x.className||"")})),h&&t.createElement(a,{type:"button",size:"sm",color:"ghost",onClick:()=>{C((e=>p&&e===p?e:e+1))}},t.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{m as S};

package/build/esm/index-78cd9f91.js

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

package/build/esm/index-7b6296d5.js

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

package/build/esm/index-87ee0d76.js

@@ -0,0 +1 @@
+import e,{forwardRef as t}from"react";const r=t((function(t,r){return e.createElement("circle",Object.assign({},t,{ref:r}),e.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));export{r as C};

package/build/esm/index-9d45815e.js

@@ -0,0 +1,90 @@
+import*as e from"react";import t,{Component as a,useEffect as n,forwardRef as l,useRef as r,useState as i,useCallback as c,useImperativeHandle as o}from"react";import{Image as m,Textarea as s,Modal as h,Accordion as d,Indicator as p,Avatar as v,Checkbox as f,Radio as g,Flex as u}from"@mantine/core";import{CommonGAssets as E}from"./gAssets.js";import{DatePicker as z,DateRangePicker as w}from"@mantine/dates";import b,{css as M}from"styled-components";import y from"dayjs";import"./screenSizeContext-b29efdb0.js";import{t as x}from"./theme-a631c5ab.js";import{I as j,s as H}from"./index-d02e0f58.js";import"./utils-7ce226e8.js";import"./isProduction-fab10892.js";import{L as k}from"./Locale-00425d00.js";import{_ as C,a as O}from"./tslib.es6-0039c19c.js";import{Carousel as S}from"@mantine/carousel";import{c as L}from"./index-150d757e.js";const P=b(z)`
+  position: relative;
+  ${e=>e.fullWidth&&M`
+      .mantine-DatePicker-dropdown {
+        min-width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    `}
+`,I=b(w)`
+  position: relative;
+  ${e=>e.fullWidth&&M`
+      .mantine-DateRangePicker-dropdown {
+        min-width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    `}
+`,A=e=>t.createElement(P,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:t.createElement(m,{src:E.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));A.Range=e=>t.createElement(I,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:t.createElement(m,{src:E.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));const D=b(s)`
+  .mantine-Textarea-input {
+    padding: 12px 16px;
+    background: #ffffff;
+    border: 1px solid ${x.colors.gray200};
+    border-radius: 4px;
+  }
+`,B=b(h)`
+  .mantine-Modal-modal {
+    padding: 0;
+  }
+  .mantine-Modal-header {
+    border-bottom: 1px solid ${x.colors.neutral100};
+    margin-right: 0;
+    margin-bottom: 0;
+    padding: 16px;
+  }
+  .mantine-Modal-title {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-right: 0;
+  }
+  .mantine-Modal-close {
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+  }
+`,N=b(d)`
+  .mantine-Accordion-control {
+    &:hover {
+      background-color: transparent;
+    }
+  }
+  .mantine-Accordion-item {
+    .mantine-Accordion-chevron {
+      > div {
+        background-repeat: no-repeat;
+        width: 16px;
+        height: 16px;
+        background-position: center;
+        background-image: url(${e=>e.closeChevron||E.getAssetPath("plus-icon.svg")});
+      }
+    }
+    &[data-active='true'] {
+      .mantine-Accordion-chevron {
+        > div {
+          background-image: url(${e=>e.openChevron||E.getAssetPath("minus-icon.svg")});
+        }
+      }
+    }
+  }
+  .mantine-Accordion-panel {
+    border-radius: 6px;
+  }
+  .mantine-Accordion-content {
+    white-space: pre-wrap;
+  }
+`,V=e=>{var{children:a}=e,n=C(e,["children"]);return t.createElement(N,Object.assign({chevron:t.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},n),a)};V.Control=d.Control,V.Item=d.Item,V.Panel=d.Panel;const R=E.getAssetPath("avatar.jpg"),T=e=>{var{withIndicator:a=!1,indicatorConfig:n=null,size:l=56,children:r,styles:i}=e,c=C(e,["withIndicator","indicatorConfig","size","children","styles"]);const o=()=>t.createElement(v,Object.assign({size:l,radius:"xl"},c,{imageProps:Object.assign({loading:"lazy"},c.imageProps)}),r||t.createElement("img",{loading:"lazy",src:R,width:l}));return a?t.createElement(p,Object.assign({inline:!0,position:"bottom-end",offset:9},n,{styles:Object.assign({indicator:{backgroundColor:t.isValidElement(n.label)&&"transparent",zIndex:1}},i)}),o()):o()};class $ extends a{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){console.error("Uncaught error:",e,t)}render(){return this.state.hasError?this.props.fallback||t.createElement(t.Fragment,null):this.props.children}}const W=e=>{var{slidesToShow:a=1,children:n}=e,l=C(e,["slidesToShow","children"]);return(Array.isArray(n)?n.length:1)?t.createElement($,null,t.createElement(S,Object.assign({slideSize:String(Math.floor(1/a*100))+"%",containScroll:"trimSnaps"},l),n)):null};W.Slide=S.Slide;const F=e=>t.createElement(f,Object.assign({},e));F.Group=f.Group;const U=b(g)`
+  .mantine-Radio-icon {
+    color: ${e=>e.color||x.colors.primaryBase};
+  }
+`,G=e=>t.createElement(U,Object.assign({size:"sm"},e));G.Group=g.Group;const X={[k.Vietnam]:"vi",[k.Cambodia]:"km",[k.India]:"hi",[k.Indonesia]:"id",[k.Malaysia]:"ms",[k.Thailand]:"th",[k.Taiwan]:"zh-tw",[k.PhilippinesTagalog]:"tl-ph",[k.PhilippinesEnglish]:"en",[k.Myanmar]:"my"},Y={[k.Vietnam]:()=>import("dayjs/locale/vi.js"),[k.Cambodia]:()=>import("dayjs/locale/km.js"),[k.India]:()=>import("dayjs/locale/hi.js"),[k.Indonesia]:()=>import("dayjs/locale/id.js"),[k.Malaysia]:()=>import("dayjs/locale/ms.js"),[k.Thailand]:()=>import("dayjs/locale/th.js"),[k.Taiwan]:()=>import("dayjs/locale/zh-tw.js"),[k.PhilippinesTagalog]:()=>import("dayjs/locale/tl-ph.js"),[k.PhilippinesEnglish]:()=>import("dayjs/locale/en.js"),[k.Myanmar]:()=>import("dayjs/locale/my.js")},K=e=>{n((()=>{var t;null===(t=Y[e])||void 0===t||t.call(Y),y.locale(X[e])}),[e])},Z={"&:hover":{borderColor:`${x.colors.blue200}`,boxShadow:`0 0 2px 2px ${x.colors.blue200}`}},_=e=>({datesLocale:X[e],dateFormat:j[e].dateFormat,fontFamily:e===k.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.375rem"},error:{marginTop:"0.375rem"}}},NumberInput:{defaultProps:{decimalSeparator:j[e].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all 100ms ease-in-out","&:hover, &:focus":{borderColor:`${x.colors.blue200}`,boxShadow:`0 0 2px 2px ${x.colors.blue200}`}},invalid:{color:"#000"}}},Checkbox:{styles:{input:Z}},Radio:{styles:{radio:Object.assign(Object.assign({backgroundColor:"#ffffff"},Z),{"&:checked":{backgroundColor:"#ffffff"}})}}}});
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var Q=L((function(e){!function(){var t={}.hasOwnProperty;function a(){for(var e=[],n=0;n<arguments.length;n++){var l=arguments[n];if(l){var r=typeof l;if("string"===r||"number"===r)e.push(l);else if(Array.isArray(l)){if(l.length){var i=a.apply(null,l);i&&e.push(i)}}else if("object"===r){if(l.toString!==Object.prototype.toString&&!l.toString.toString().includes("[native code]")){e.push(l.toString());continue}for(var c in l)t.call(l,c)&&l[c]&&e.push(c)}}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):window.classNames=a}()}));function q(e,t=6){const a=new Array(t).fill("");if(e){const t=e.toString().split("");a.map(((e,n)=>{t[n]&&(a[n]=t[n]||"")}))}return a}function J(e){return e.join("")}var ee="_2iQs0sk",te="Ia6IojY";const ae=l(((e,a)=>{const{maxLength:n=1,placeholder:l,className:r}=e,i=C(e,["maxLength","placeholder","className"]);return t.createElement("input",Object.assign({maxLength:n,className:Q(te,"otpInput",r),placeholder:l,type:"number"},i,{ref:a}))})),ne=l(((e,a)=>{const{valueLength:l=6,type:m="number",value:s,defaultValue:h,onChange:d,onBlur:p}=e,v=r(new Array(l).fill(null)),[f,g]=i(h||s),[E,z]=i(-1),[w,b]=i((()=>q(f,l))),M=c((()=>{if(-1===E)return;const e=v.current[E];if(e){e.value="";const t=w;t[E]="",b(t),g((()=>J(t))),null==d||d(J(t))}}),[E,d,w]),y=c((()=>{if(0===E)return;const e=v.current[E];e&&e.blur();const t=v.current[E-1];t&&t.focus()}),[E]),x=c((()=>{if(E===l-1)return;const e=v.current[E];e&&e.blur();const t=v.current[E+1];t&&t.focus()}),[E,l]),j=c((e=>{const t=e.target,a=t.value.toString().slice(0,1),n=v.current.findIndex((e=>e===t));if(-1!==n){const e=w;e[n]=a,b(e),g((()=>J(e))),null==d||d(J(e))}x()}),[x,d,w]),H=c((e=>{const t=e.target,a=v.current.findIndex((e=>e===t));"number"===m?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==a&&z(a)}),[]),k=c((e=>{const t=q(e.clipboardData.getData("text/plain"),l),a=J(t);b(t),g(a),null==d||d(a)}),[d,m,l]),C=c((e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),M(),y()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),M()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),y()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),x()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[M,x,y]);return o(a,(()=>v.current[0]),[]),n((()=>{b((()=>q(s,l))),g(s)}),[l,s]),t.createElement(u,{justify:"center",columnGap:8,className:Q(ee,"otpContainer")},w.map(((e,a)=>t.createElement(ae,{ref:e=>{v.current[a]=e},key:""+a,value:e,type:m,onChange:j,onFocus:H,onKeyDown:C,onPaste:k,onBlur:p}))))})),le=t=>e.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 8 5",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("path",{d:"M4 5L0.535898 0.5L7.4641 0.5L4 5Z"})),re=t=>e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-kh",viewBox:"0 0 640 480",width:"1em",height:"1em"},t),e.createElement("path",{fill:"#032ea1",d:"M0 0h640v480H0z"}),e.createElement("path",{fill:"#e00025",d:"M0 120h640v240H0z"}),e.createElement("g",{fill:"#fff",stroke:"#000",transform:"matrix(1.2 0 0 1.2 85.6 -522)"},e.createElement("g",{strokeLinejoin:"bevel"},e.createElement("path",{d:"M139 623.5h113.8v43.8H139z"}),e.createElement("path",{d:"M247 647.6h3.5v16.5H247zm-108-8.1h113.8v5H139zm0-7h113.8v4.6H139z"}),e.createElement("path",{strokeWidth:.9,d:"M139 625.7h113.8v4.3H139z"}),e.createElement("path",{d:"M169 647.6h3.6v16.5H169zm49 0h3.6v16.5H218zm-78 0h3.5v16.5H140zm7 0h3.5v16.5H147zm7.5 0h3.5v16.5h-3.5zm7.5 0h3.5v16.5H162zm62.8 0h3.6v16.5h-3.6zm7.5 0h3.6v16.5h-3.6zm7.5 0h3.6v16.5h-3.6z"}),e.createElement("path",{strokeLinejoin:"miter",d:"M94.5 669.5a9.3 9.3 0 0 0 4.4-5.3H292a9.3 9.3 0 0 0 4.4 5.3z"})),e.createElement("path",{d:"M193 556.8s-.1-4.1 2.3-4.2c2.3 0 2.2 4.2 2.2 4.2zm-12.5 54.5v-5.5c0-2.8-2.8-3-2.8-5 0 0-.4-3 .4-4.4 1.1 4 3 3.3 3 1.6 0-1.4-1-2.8-3.3-6.3-.8-1.1-.3-4.6.7-5.9.4 3 .9 4.5 2.2 4.5.8 0 1.4-.5 1.4-2 0-2-1.3-3-2-4.8a5 5 0 0 1 1.1-5.3c.5 3 .4 4.2 1.7 4.2 2.7-.9 0-4.8-.6-5.8-.6-1.1 1-3.4 1-3.4.8 2.7 1 2.9 2 2.6 1.2-.3 1-2-.4-3.4-.9-1-.8-2.3.2-3.3 1 1.9 2.2 1.8 2.3.6l-.8-4.4H204l-.9 4.3c-.2 1.2 1.4 1.5 2.4-.5 1 1 1.1 2.4.2 3.3-1.4 1.4-1.6 3.1-.4 3.4 1 .3 1.2 0 2-2.6 0 0 1.5 1.5 1 3.4-.6 1-3.3 5-.6 5.8 1.3 0 1.2-1.2 1.7-4.2a5 5 0 0 1 1 5.3c-.6 1.8-2 2.8-2 4.8 0 1.5.7 2 1.5 2 1.3 0 1.8-1.4 2.2-4.5 1 1.3 1.5 4.8.7 6-2.3 3.4-3.4 4.8-3.4 6.2 0 1.7 2 2.4 3-1.6.9 1.4.5 4.4.5 4.4 0 2-2.7 2.2-2.8 5v5.5zm7.2-46-.4-3.1h15.9l-.4 3.1zm1-3.2-.2-2.5H202l-.3 2.5zm2.3-2.6-.3-2.6h9l-.1 2.6zm33 110c-2-.7-5-2.9-5-5v-24.3l2.6-3.4H169l2.5 3.4v24.3c0 2.1-2 4.3-4 5z"}),e.createElement("path",{strokeLinejoin:"bevel",d:"M178.2 647.6h3.6v16.5h-3.6zm30.4 0h3.6v16.5h-3.6z"}),e.createElement("path",{d:"M168 609.2v27.6h54v-27.6a4.2 4.2 0 0 0-2.6 2.8v11.8h-48.7V612s-.6-2-2.8-2.8z"}),e.createElement("path",{d:"M214.6 669.5c-1.8-.7-5.6-2.9-5.6-5v-27.2c.4-1.5 2.4-2.4 3.7-3.4H177c1.7 1 3.6 1.7 4.3 3.4v27.2c0 2.1-3 4.3-4.8 5z"}),e.createElement("path",{d:"M219.4 634.2v-19.6h-4.9v-1.9h-38.8v2h-5v19.5zM207 669.5c-1.8-.7-4.3-2.9-4.3-5v-23.2l1.4-2.1h-17.7l1.5 2v23.3c0 2.1-2.6 4.3-4.3 5z"}),e.createElement("path",{d:"M190.7 639.2h9v30.3h-9z"}),e.createElement("path",{strokeLinejoin:"bevel",d:"M204.4 632.5c0-2 5.8-2.1 8.8-3.8h-36c3 1.7 8.7 1.8 8.7 3.8l1.2 3.9 15 .6z"}),e.createElement("path",{d:"M211.4 611.3c0-4.9.2-6.7 1.7-6.7V620c-3.7 1.4-6.3 6-6.3 6h-23.2s-2.6-4.6-6.3-6v-15.5c1.8 0 1.8 2 1.8 6.7zm1.7-2c0-5.6 4.9-6.2 4.9-6.2v5c-1.9-.1-2.8 1.6-2.8 4 0 2.5 1.5 2.5 1.5 2.5v14.2h-3.6z"}),e.createElement("path",{d:"M177.3 609.3c0-5.6-4.9-6.2-4.9-6.2v5c1.9-.1 2.8 1.6 2.8 4 0 2.5-1.5 2.5-1.5 2.5v14.2h3.6z"}),e.createElement("g",{fill:"none",strokeWidth:.8},e.createElement("path",{d:"M186.8 570.6H204m-19.2 5.4h21m-23 6.5h24.9m-27 7.9h29.5m-30.2 9h30.4"}),e.createElement("path",{strokeWidth:1,d:"M170.8 629h48.6m-33.2 0h18v6.6h-18z"})),e.createElement("path",{d:"M184 614.2c3 3.6 2.6 9.7 2.6 13.3H204c0-3.6-.4-9.7 2.6-13.3zm9.7-41-2.4-1.3v-3.5c1 .3 2 .4 2.2 2 .3-2.3 1-2.1 1.9-3 1 .9 1.5.7 1.9 3 0-1.6 1.2-1.7 2.1-2v3.5l-2.3 1.2z"}),e.createElement("path",{d:"m193.5 578.9-4-2.8V573c1.5.3 3 .5 3.2 2.2.4-2.5 1.3-3.7 2.7-4.7 1.3 1 2.2 2.2 2.7 4.7.1-1.7 1.7-1.9 3-2.2v3.2l-3.9 2.7z"}),e.createElement("path",{d:"m193.2 587.8-4.5-4v-4.7c1.6.4 3.4.6 3.6 3.1.5-3.5 1.5-5.4 3-6.8 1.6 1.4 2.6 3.3 3.2 6.8.2-2.5 2-2.7 3.6-3.1v4.7l-4.6 4zm8.4 5.3-4 5.7h-4.7l-4.1-5.7zm-15.2 9.5c2 1.1 2.8 3.4 3 7.6H201c.2-4.2 1-6.5 3-7.6z"}),e.createElement("path",{strokeLinejoin:"bevel",d:"M204.2 593v-5.6a5.2 5.2 0 0 0-3.8 3.3c0-2-2.5-6.3-5.2-8.5-2.7 2.4-5.3 6.4-5.2 8.4-.5-1.5-1.8-2.7-3.8-3.2v5.7z"}),e.createElement("path",{strokeLinejoin:"bevel",d:"M205 602.6V597c-2.1.6-3.5 1.7-4.1 3.3 0-2-2.7-6.3-5.7-8.5-3 2.5-5.8 6.4-5.7 8.5-.5-1.5-2-2.7-4.1-3.3v5.7z"}),e.createElement("path",{strokeLinejoin:"bevel",d:"M207.4 614.3v-6.6a9.6 9.6 0 0 0-5.1 3.8c0-3.5-4-9-7.1-10.7-3.2 1.8-7.1 7.4-7.1 10.7a9.7 9.7 0 0 0-5.2-3.8v6.6z"}),e.createElement("path",{strokeLinejoin:"bevel",d:"M206 629v-6.8c-2.4.9-3 3.1-3.8 4.7.3-6.9-3.8-14.2-7-16.1-3.2 1.9-7.4 9.4-7 16-.8-1.4-1.5-3.7-3.8-4.6v6.7z"}),e.createElement("path",{d:"M204.4 639.2v-6.8c-2.5.6-2.6 1.5-3.4 3 .3-4.1-2.6-8.8-5.8-10.6-3.2 1.8-6 6.5-5.8 10.6-.8-1.5-.9-2.4-3.4-3v6.8z"}),e.createElement("g",{id:"a"},e.createElement("path",{d:"M99 664.2v-20.4c-.7-2.6-3-5-4.6-5.4v-18l3.7 2 4.3 18.9v23z"}),e.createElement("path",{d:"M99 664.3v-20.5c-.7-2.6-3-5-4.6-5.4v-19.2c2.5 0 3.7 3.2 3.7 3.2l4.3 18.9v22.9z"}),e.createElement("path",{d:"M96.3 669.5c1.7-.7 4.2-2.9 4.2-5v-25.6l-1.2-2H143l-1.7 2v25.6a6 6 0 0 0 3.4 5z"}),e.createElement("path",{d:"M135.8 669.5c-1.7-.7-4.2-2.9-4.2-5v-24.3l3.6-3.4h-29.6l3.6 3.4v24.3c0 2.1-2.5 4.3-4.2 5z"}),e.createElement("path",{d:"M131.7 669.5c-1.7-.7-4.3-2.9-4.3-5v-22l2.4-3.3H111l2.4 3.3v22c0 2.1-2.5 4.3-4.3 5z"}),e.createElement("path",{d:"M116 639.2h8.9v30.4h-9z"}),e.createElement("path",{strokeLinejoin:"bevel",d:"M103.7 647.6h3.6v16.5h-3.6zm30.8 0h3.5v16.5h-3.6zm-33.9-27.8h4.4v17h-4.4zm0-3.2h4.3v3.2h-4.3zm35.6 6.9h6.1v13h-6.1z"}),e.createElement("path",{d:"M104.9 636.6v-29c1.2 0 1.4 4.3 4.2 4.3 1.5 0 1.4-1.8.5-3.2-.7-1.3-1.6-3-.4-6.3.9 2.5 3.1 3.3 2.7 1.8-.7-2.7-2.8-3.2-1.2-7.3.5 3.4 2.7 3.3 2.2 1.3-.6-2.3-1.9-3.3-.3-6.5.9 3.7 2 3.5 2 1.2 0-3.4 0-7 4.2-8.3 0 0 .3-3 1.9-3 1.5 0 1.8 3 1.8 3 4.3 1.3 4.2 5 4.2 8.3 0 2.3 1.1 2.5 2-1.2 1.6 3.2.3 4.2-.3 6.5-.5 2 1.7 2.1 2.2-1.3 1.6 4.1-.5 4.6-1.2 7.3-.4 1.5 1.8.7 2.7-1.8 1.2 3.3.3 5-.4 6.3-.8 1.4-1 3.2.5 3.2 2.8 0 3-4.2 4.2-4.2v28.9zM98 614.7v22.1h2.5v-22.1c-.9-.5-1.7-.5-2.5 0z"}),e.createElement("path",{d:"M98.2 629c3.1 1.6 6.2 3.5 7 7.8h-7zm43.2-6.6v14.4h2v-14.4c-.6-.3-1.5-.4-2 0z"}),e.createElement("path",{d:"M143.4 629c-3.1 1.5-6.2 3.3-7 7.7h7zm-20.6-33.7 1.8-1.5v-2c-.6 0-1 .3-1.5 1a5 5 0 0 0-2.5-3 5 5 0 0 0-2.6 2.9c-.5-.7-.8-.8-1.5-1v2l1.8 1.6z"}),e.createElement("path",{d:"m123.8 600.2.8-1.9v-2.5c-.6 0-1 .3-1.5 1a5 5 0 0 0-2.5-3 5 5 0 0 0-2.6 2.9c-.5-.7-.8-.8-1.5-.9v2.5l.8 1.9z"}),e.createElement("path",{d:"m124 606.8 2.6-3.3v-3.2c-1 0-1.5.5-2.2 1.6-.7-2.3-2-2.7-3.8-3.8-1.9 1-3.2 1.5-3.8 3.7-.8-1.1-1.3-1.4-2.3-1.5v3.2l2.7 3.3z"}),e.createElement("path",{d:"M124.7 613.3s3.2-2.7 3.3-4.2v-3.5c-1.2.1-2.3.4-3.2 1.9-.8-2.9-2-3.7-4.2-5-2.3 1.3-3.5 2.1-4.2 5-1-1.5-2-1.8-3.3-2v3.6a15 15 0 0 0 3.3 4.2z"}),e.createElement("path",{d:"M126 625.3s4.4-4.7 4.5-6.6v-5.4c-1.6.2-3.2 1.3-4.4 3.6-1-4.5-2.6-7.6-5.5-9.8-3 2.2-4.6 5.3-5.6 9.8-1.2-2.3-2.7-3.4-4.3-3.6v5.4c.3 1.9 4.4 6.6 4.4 6.6z"}),e.createElement("path",{d:"M126 632.4s3.7-3.7 4.5-5.3v-5.4c-1.6.2-3.2 1.3-4.4 3.5a14 14 0 0 0-5.5-9.2c-3 2.2-4.6 4.7-5.6 9.2-1.2-2.2-2.7-3.3-4.3-3.5v5.4c1 1.6 4.4 5.3 4.4 5.3z"}),e.createElement("path",{d:"M127.5 636.6c-1-4.7-2-8.2-7.1-11.7-5.2 3.5-6.1 7-7.2 11.7z"}),e.createElement("path",{d:"M130.2 639.2v-6.8c-2.4 1-4.5 2.3-5.3 3.8-.8-3.8-2.5-5.4-4.6-7.7-2.1 2.3-3.5 4-4.4 7.7-.8-1.5-2.9-2.9-5.2-3.8v6.8z"})),e.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"matrix(-1 0 0 1 390.7 0)"}),e.createElement("path",{d:"M72.7 694.3H318v12.5H72.7zm-6.5 12.5h258.3v12.5H66.2zm19.4-31.3H305v8.1H85.6z"}),e.createElement("path",{d:"M79.2 683.6h232.4v10.6H79.2zm10.2-14.3h212v6.2h-212z"}),e.createElement("path",{d:"M112.4 669.3h16v50h-16z"}),e.createElement("path",{d:"M116 669.3h8.9v50h-9zm71 0h16v50h-16z"}),e.createElement("path",{d:"M190.7 669.3h9v50h-9zm71.5 0h16v50h-16z"}),e.createElement("path",{d:"M265.7 669.3h9v50h-9z"}),e.createElement("path",{fill:"none",d:"M99 664.2h193M115.8 713h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m65.8 37.5h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m66.2 37.5h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2"}))),ie=t=>e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-in",viewBox:"0 0 640 480",width:"1em",height:"1em"},t),e.createElement("path",{fill:"#f93",d:"M0 0h640v160H0z"}),e.createElement("path",{fill:"#fff",d:"M0 160h640v160H0z"}),e.createElement("path",{fill:"#128807",d:"M0 320h640v160H0z"}),e.createElement("g",{transform:"matrix(3.2 0 0 3.2 320 240)"},e.createElement("circle",{r:20,fill:"#008"}),e.createElement("circle",{r:17.5,fill:"#fff"}),e.createElement("circle",{r:3.5,fill:"#008"}),e.createElement("g",{id:"d"},e.createElement("g",{id:"c"},e.createElement("g",{id:"b"},e.createElement("g",{id:"a",fill:"#008"},e.createElement("circle",{r:.9,transform:"rotate(7.5 -8.8 133.5)"}),e.createElement("path",{d:"M0 17.5.6 7 0 2l-.6 5L0 17.5z"})),e.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(15)"})),e.createElement("use",{xlinkHref:"#b",width:"100%",height:"100%",transform:"rotate(30)"})),e.createElement("use",{xlinkHref:"#c",width:"100%",height:"100%",transform:"rotate(60)"})),e.createElement("use",{xlinkHref:"#d",width:"100%",height:"100%",transform:"rotate(120)"}),e.createElement("use",{xlinkHref:"#d",width:"100%",height:"100%",transform:"rotate(-120)"}))),ce=t=>e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-id",viewBox:"0 0 640 480",width:"1em",height:"1em"},t),e.createElement("g",{fillRule:"evenodd",strokeWidth:"1pt"},e.createElement("path",{fill:"#e70011",d:"M0 0h640v249H0z"}),e.createElement("path",{fill:"#fff",d:"M0 240h640v240H0z"}))),oe=t=>e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-my",viewBox:"0 0 640 480",width:"1em",height:"1em"},t),e.createElement("path",{fill:"#c00",d:"M0 0h640v480H0z"}),e.createElement("path",{fill:"#fff",d:"M.5 39.9h639v38.4H.5zM.5 118.6h639V157H.5zM.5 197.4h639v38.4H.5z"}),e.createElement("path",{fill:"#006",d:"M0 .5h320v280H0Z"}),e.createElement("path",{fill:"#fc0",d:"m207.5 73.8 6 40.7 23-34-12.4 39.2 35.5-20.8-28.1 30 41-3.2-38.3 14.8 38.3 14.8-41-3.2 28.1 30-35.5-20.8 12.3 39.3-23-34.1-6 40.7-5.9-40.7-23 34 12.4-39.2-35.5 20.8 28-30-41 3.2 38.4-14.8-38.3-14.8 41 3.2-28.1-30 35.5 20.8-12.4-39.3 23 34.1zm-33.3 1.7a71.1 71.1 0 1 0 0 130 80 80 0 1 1 0-130z"}),e.createElement("path",{fill:"#fff",d:"M.5 276.2h639v38.4H.5zM.5 354.4h639v38.4H.5zM0 441.6h639V480H0z"})),me=t=>e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-mm",viewBox:"0 0 640 480",width:"1em",height:"1em"},t),e.createElement("path",{fill:"#fecb00",d:"M0 0h640v480H0z"}),e.createElement("path",{fill:"#34b233",d:"M0 160h640v320H0z"}),e.createElement("path",{fill:"#ea2839",d:"M0 320h640v160H0z"}),e.createElement("g",{transform:"translate(320 256.9) scale(176.87999)"},e.createElement("path",{id:"a",fill:"#fff",d:"m0-1 .3 1h-.6z"}),e.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(-144)"}),e.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(-72)"}),e.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(72)"}),e.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(144)"}))),se=t=>e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-ph",viewBox:"0 0 640 480",width:"1em",height:"1em"},t),e.createElement("path",{fill:"#0038a8",d:"M0 0h640v240H0z"}),e.createElement("path",{fill:"#ce1126",d:"M0 240h640v240H0z"}),e.createElement("path",{fill:"#fff",d:"M415.7 240 0 480V0"}),e.createElement("path",{fill:"#fcd116",d:"M26.7 42.4 41 55l16.6-9.2-7.4 17.5 14 13-19-1.6-8.1 17.2-4.3-18.5L14 71l16.3-10zm323.8 172.3.4 19 18 6.3-18 6.2-.4 19-11.5-15.1-18.2 5.5 10.8-15.6-10.8-15.6 18.2 5.5zM37.2 388.1l8 17.2 19-1.6-13.9 13 7.4 17.5-16.6-9.1-14.4 12.4 3.6-18.7L14 409l18.9-2.4zm114.2-249-6.2 6.2 3.1 47-3 .3-5.7-42.9-5.1 5 7.6 38.4a47.5 47.5 0 0 0-17.2 7.1l-21.7-32.4H96l26.4 34.3a48 48 0 0 0-2.4 2l-31.1-35.5h-8.8v8.8l35.4 31-2 2.5-34.3-26.3v7.1l32.5 21.7c-3.4 5.2-5.9 11-7.1 17.2L66.3 223l-5.1 5 42.9 5.7c-.2 1-.3 2.1-.3 3.1l-47-3-6.2 6.2 6.2 6.2 47-3.1.3 3.1-42.9 5.7 5 5 38.4-7.6a47.5 47.5 0 0 0 7.1 17.2l-32.5 21.7v7.2l34.3-26.3a48 48 0 0 0 2 2.4l-35.4 31v8.8H89l31-35.4 2.5 2L96 312.2h7.2l21.7-32.5c5.1 3.4 11 5.9 17.2 7.1l-7.6 38.4 5 5 5.7-42.9c1 .2 2 .3 3.1.3l-3 47 6.1 6.2 6.3-6.2-3.1-47 3-.3 5.7 43 5.1-5.1-7.6-38.4a47.5 47.5 0 0 0 17.2-7.1l21.7 32.5h7.2l-26.4-34.3a48 48 0 0 0 2.4-2l31.1 35.4h8.8v-8.8l-35.4-31 2-2.4 34.3 26.3v-7.2l-32.5-21.7c3.4-5.1 5.9-11 7.1-17.2l38.3 7.6 5.1-5-42.9-5.7c.2-1 .3-2 .3-3.1l47 3 6.2-6.1-6.2-6.2-47 3-.3-3 42.9-5.7-5-5-38.4 7.5a47.5 47.5 0 0 0-7.1-17.2l32.5-21.7v-7.1l-34.3 26.3a48 48 0 0 0-2-2.4l35.4-31v-8.9H214l-31 35.5a48 48 0 0 0-2.5-2l26.4-34.3h-7.2L178 200.2c-5.1-3.4-11-5.9-17.2-7.1l7.6-38.3-5-5-5.7 42.8-3.1-.3 3-47z"})),he=t=>e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-tw",viewBox:"0 0 640 480",width:"1em",height:"1em"},t),e.createElement("clipPath",{id:"a"},e.createElement("path",{d:"M0 0h640v480H0z"})),e.createElement("g",{clipPath:"url(#a)"},e.createElement("path",{fill:"red",d:"M0 0h720v480H0z"}),e.createElement("path",{fill:"#000095",d:"M0 0h360v240H0z"}),e.createElement("g",{fill:"#fff"},e.createElement("path",{d:"m154 126.9-2.5 9.6 9.4 2.6-1.8-7.1zm46.9 5.1-1.8 7.1 9.4-2.6-2.5-9.6zm-41.8-24-5.1 5.1 1.9 6.9z"}),e.createElement("path",{d:"m155.9 120-1.9 6.9 5.1 5.1z"}),e.createElement("path",{d:"m154 113.1-6.9 6.9 6.9 6.9 1.9-6.9zm14 27.8 5.1 5.1 6.9-1.9zm18.9 5.1 9.6 2.5 2.6-9.4-7.1 1.8z"}),e.createElement("path",{d:"m192 140.9 7.1-1.8 1.8-7.1zm-31.1-1.8 2.6 9.4 9.6-2.5-5.1-5.1zm19.1 5 6.9 1.9 5.1-5.1z"}),e.createElement("path",{d:"m173.1 146 6.9 6.9 6.9-6.9-6.9-1.9zm-12.2-45.1-9.4 2.6 2.5 9.6 5.1-5.1zm-1.8 31.1 1.8 7.1 7.1 1.8zm45-12 1.9-6.9-5.1-5.1z"}),e.createElement("path",{d:"m168 99.1-7.1 1.8-1.8 7.1zm32.9 8.9-1.8-7.1-7.1-1.8zm5.1 18.9 6.9-6.9-6.9-6.9-1.9 6.9z"}),e.createElement("path",{d:"m200.9 108-8.9-8.9-12-3.2-12 3.2-8.9 8.9-3.2 12 3.2 12 8.9 8.9 12 3.2 12-3.2 8.9-8.9 3.2-12z"}),e.createElement("path",{d:"m200.9 132 5.1-5.1-1.9-6.9zm5.1-18.9 2.5-9.6-9.4-2.6 1.8 7.1zm-6.9-12.2-2.6-9.4-9.6 2.5 5.1 5.1zm-26-6.9-9.6-2.5-2.6 9.4 7.1-1.8zm6.9 1.9-6.9-1.9-5.1 5.1z"}),e.createElement("path",{d:"m186.9 94-6.9-6.9-6.9 6.9 6.9 1.9z"}),e.createElement("path",{d:"m192 99.1-5.1-5.1-6.9 1.9zM173.1 146l-9.6 2.5 4.5 16.6 12-12.2zm-5.1 19.1 12 44.9 12-44.9-12-12.2zm-7.1-26-9.4-2.6-4.4 16.4 16.4-4.4z"}),e.createElement("path",{d:"m147.1 152.9-12 45.1 32.9-32.9-4.5-16.6zm-12-20.9L102 165.1l45.1-12.2 4.4-16.4z"}),e.createElement("path",{d:"m154 126.9-6.9-6.9-12 12 16.4 4.5zm0-13.8-2.5-9.6-16.4 4.5 12 12z"}),e.createElement("path",{d:"M135.1 108 90 120l45.1 12 12-12zm90 24-16.6 4.5 4.4 16.4 45.1 12.2z"}),e.createElement("path",{d:"m199.1 139.1-2.6 9.4 16.4 4.4-4.4-16.4zm-12.2 6.9-6.9 6.9 12 12.2 4.5-16.6zm19.1-19.1 2.5 9.6 16.6-4.5-12.2-12z"}),e.createElement("path",{d:"m192 165.1 33.1 32.9-12.2-45.1-16.4-4.4zm7.1-64.2 9.4 2.6 4.4-16.4-16.4 4.4z"}),e.createElement("path",{d:"M225.1 108 258 75.1l-45.1 12-4.4 16.4zm-12.2-20.9L225.1 42 192 75.1l4.5 16.4zm12.2 44.9 44.9-12-44.9-12-12.2 12z"}),e.createElement("path",{d:"m206 113.1 6.9 6.9 12.2-12-16.6-4.5zm-38-38L135.1 42l12 45.1 16.4 4.4z"}),e.createElement("path",{d:"m160.9 100.9 2.6-9.4-16.4-4.4 4.4 16.4z"}),e.createElement("path",{d:"m147.1 87.1-45.1-12 33.1 32.9 16.4-4.5zm39.8 6.9 9.6-2.5-4.5-16.4-12 12z"}),e.createElement("path",{d:"M192 75.1 180 30l-12 45.1 12 12z"}),e.createElement("path",{d:"m173.1 94 6.9-6.9-12-12-4.5 16.4z"})),e.createElement("circle",{cx:180,cy:120,r:51.1,fill:"#000095"}),e.createElement("circle",{cx:180,cy:120,r:45.1,fill:"#fff"}))),de=t=>e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-th",viewBox:"0 0 640 480",width:"1em",height:"1em"},t),e.createElement("g",{fillRule:"evenodd"},e.createElement("path",{fill:"#f4f5f8",d:"M0 0h640v480H0z"}),e.createElement("path",{fill:"#2d2a4a",d:"M0 162.5h640v160H0z"}),e.createElement("path",{fill:"#a51931",d:"M0 0h640v82.5H0zm0 400h640v80H0z"}))),pe=t=>e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-vn",viewBox:"0 0 640 480",width:"1em",height:"1em"},t),e.createElement("defs",null,e.createElement("clipPath",{id:"a"},e.createElement("path",{fillOpacity:.7,d:"M-85.3 0h682.6v512H-85.3z"}))),e.createElement("g",{fillRule:"evenodd",clipPath:"url(#a)",transform:"translate(80) scale(.9375)"},e.createElement("path",{fill:"#da251d",d:"M-128 0h768v512h-768z"}),e.createElement("path",{fill:"#ff0",d:"M349.6 381 260 314.3l-89 67.3L204 272l-89-67.7 110.1-1 34.2-109.4L294 203l110.1.1-88.5 68.4 33.9 109.6z"}))),ve=Object.values(H).reduce(((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e)),[]),fe={PH:se,KH:re,ID:ie,IN:ce,MM:me,MY:oe,TH:de,TW:he,VN:pe};var ge={phoneInput:"i-9Ibox",error:"YDWHh9b"};const ue=l(((e,a)=>{const{isError:l,defaultCountry:r,countries:c=ve,countryCallingCodeEditable:o=!1,defaultValue:m,value:s,onChange:h,className:d}=e,p=C(e,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),[v,f]=i(m||s),[g,u]=i(null);return n((()=>{f(s)}),[s]),n((()=>{O(void 0,void 0,void 0,(function*(){const e=yield import("react-phone-number-input");u(e)}))}),[]),g?t.createElement(g.default,Object.assign({ref:a,value:v,onChange:e=>{f(e),null==h||h(e)},countries:c,defaultCountry:r,countryCallingCodeEditable:o,className:Q(ge.phoneInput,{isError:l,[ge.error]:l},d),flagUrl:void 0,flagComponent:e=>{const{country:a,countryName:n,flagUrl:l}=e,r=C(e,["country","countryName","flagUrl"]),i=fe[a],c=a?`(+${g.getCountryCallingCode(a)})`:"";return i?t.createElement(t.Fragment,null,t.createElement(i,Object.assign({title:n},r)),t.createElement("span",{className:Q(ge.callingCode,"PhoneInputCountryIconCallingCode")},c)):t.createElement(t.Fragment,null)},countrySelectProps:{arrowComponent:()=>t.createElement("div",{className:Q(ge.arrowSelect,"PhoneInputArrowContainer")},t.createElement(le,null))}},p)):null}));export{V as A,le as C,A as D,ie as I,oe as M,ne as O,se as P,G as R,B as S,he as T,pe as V,re as a,ce as b,me as c,de as d,ue as e,D as f,_ as g,T as h,W as i,F as j,X as k,K as u};