@hhgtech/hhg-components 1.21.86 → 1.21.87

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/build/babyGrowth.js +1 -1
  2. package/build/components.js +1 -1
  3. package/build/esm/babyGrowth.js +1 -1
  4. package/build/esm/components.js +1 -1
  5. package/build/esm/index-129f52d4.js +1 -0
  6. package/build/esm/{index-bb3c4bf9.js → index-6e8b940a.js} +1 -1
  7. package/build/esm/{index-2b3240c1.js → index-80bee14c.js} +1 -1
  8. package/build/esm/index-e9896017.js +1 -0
  9. package/build/esm/index.js +1 -1
  10. package/build/esm/mantine.js +1 -1
  11. package/build/esm/pwg.js +1 -1
  12. package/build/{index-b3cdd97f.js → index-1dd7c311.js} +1 -1
  13. package/build/{index-3b731b9b.js → index-6cfb17f6.js} +1 -1
  14. package/build/index-953fc456.js +1 -0
  15. package/build/{index-4ba56aef.js → index-c76c6e27.js} +1 -1
  16. package/build/index.js +1 -1
  17. package/build/mantine.js +1 -1
  18. package/build/pwg.js +1 -1
  19. package/package.json +2 -3
  20. package/build/esm/index-0f2ac9f2.js +0 -1
  21. package/build/esm/index-d447f338.js +0 -1
  22. package/build/index-a8d5c663.js +0 -1
package/build/esm/{index-bb3c4bf9.js → index-6e8b940a.js} RENAMED
@@ -1 +1 @@
1
- import e,{useState as t,useRef as n,useMemo as a,useEffect as r,Fragment as o,useCallback as l}from"react";import{T as i}from"./index-db100bfe.js";import{_ as c,a as s,b as d,c as m,d as u,e as p}from"./tslib.es6-44f7e5ec.js";import g from"styled-components";import{t as h}from"./theme-a50a1aa5.js";import{M as v,f,B as E}from"./utils-11febb09.js";import{g as b}from"./defaultClassWrapper-4144361d.js";import{B as w}from"./index-c4be547e.js";import{C as y}from"./index-34929038.js";import{H as x}from"./index-6ebadd9f.js";import{f as k,g as C,h as L,i as N,j as z,k as _,l as B,m as M,n as S,o as A,p as D,q as I,r as j,s as H,t as T,u as F,v as P,w as W,x as R,y as V,z as G,A as O,B as Z,C as U,E as q,U as K,F as Y,G as X,H as J,I as Q,J as $,K as ee,L as te,N as ne,O as ae,Q as re,V as oe,W as le,X as ie,Y as ce,Z as se,_ as de,$ as me,a0 as ue,a1 as pe,a2 as ge,a3 as he,a4 as ve,a5 as fe,a6 as Ee,a7 as be,a8 as we,a9 as ye,aa as xe,ab as ke,ac as Ce,ad as Le,ae as Ne,af as ze,ag as _e,ah as Be,ai as Me,aj as Se,e as Ae,ak as De,al as Ie,am as je,an as He,ao as Te,ap as Fe,a as Pe,aq as We,ar as Re,as as Ve,at as Ge,au as Oe,av as Ze,aw as Ue,ax as qe,ay as Ke,az as Ye,aA as Xe,aB as Je,D as Qe,aC as $e,aD as et,aE as tt,aF as nt,S as at,aG as rt,aH as ot,aI as lt,aJ as it,aK as ct,aL as st,aM as dt,aN as mt,aO as ut,aP as pt,aQ as gt,aR as ht,aS as vt,aT as ft,aU as Et,aV as bt,aW as wt,aX as yt,aY as xt,aZ as kt,a_ as Ct,a$ as Lt,b0 as Nt,b1 as zt,b2 as _t,b3 as Bt,b4 as Mt,b5 as St,b6 as At,b7 as Dt,b8 as It,b9 as jt,ba as Ht,bb as Tt,bc as Ft,bd as Pt,be as Wt,bf as Rt}from"./index-d447f338.js";import{D as Vt}from"./index-509de1e7.js";import Gt from"lodash/throttle";import{useKeenSlider as Ot}from"keen-slider/react";import{d as Zt,L as Ut,F as qt}from"./index-9dd60ba6.js";import{i as Kt}from"./isProduction-6fc0946c.js";import{u as Yt}from"./useTranslations-b3eb31ef.js";import{CommonGAssets as Xt}from"./gAssets.js";import{useForm as Jt,Controller as Qt}from"react-hook-form";import{I as $t,R as en}from"./index-2b3240c1.js";import{I as tn}from"./index-0f2ac9f2.js";import{u as nn}from"./useHealthToolCache-9718433c.js";import{H as an,b as rn,g as on,d as ln,e as cn}from"./utils-13b25141.js";import{f as sn,a as dn,b as mn}from"./index-00262df6.js";import{Container as un}from"@mantine/core";import{L as pn}from"./Locale-69030fff.js";import{L as gn}from"./index-64080428.js";import{addDays as hn,format as vn,isBefore as fn,startOfMonth as En,addMonths as bn,subMonths as wn,getDaysInMonth as yn,isToday as xn,isSameDay as kn,isWithinInterval as Cn,isAfter as Ln,isPast as Nn}from"date-fns";import{I as zn}from"./index-fac4e2c1.js";import{P as _n}from"./index.styled-9ccca63b.js";import{u as Bn}from"./useOutsideClick-6004483a.js";import Mn from"date-fns/locale/en-US";import Sn from"date-fns/locale/id";import An from"date-fns/locale/vi";import Dn from"date-fns/locale/zh-TW";import{g as In}from"./getSocialList-8f93036b.js";var jn,Hn,Tn,Fn,Pn,Wn,Rn,Vn,Gn,On,Zn,Un,qn,Kn,Yn,Xn,Jn,Qn,$n,ea,ta,na,aa,ra,oa,la,ia,ca=g.div(jn||(jn=c(["\n display: flex;\n overflow: auto;\n width: 100%;\n box-sizing: border-box;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-left: 4px solid ",";\n background: ",";\n\n &[data-alert-type='danger'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='warning'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='blue'] {\n border-left-color: ",";\n background: ",";\n }\n"],["\n display: flex;\n overflow: auto;\n width: 100%;\n box-sizing: border-box;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-left: 4px solid ",";\n background: ",";\n\n &[data-alert-type='danger'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='warning'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='blue'] {\n border-left-color: ",";\n background: ",";\n }\n"])),(function(e){return e.theme.colors.success}),(function(e){return e.theme.colors.green50}),(function(e){return e.theme.colors.red500}),(function(e){return e.theme.colors.red50}),(function(e){return e.theme.colors.yellow500}),(function(e){return e.theme.colors.yellow50}),(function(e){return e.theme.colors.blue500}),(function(e){return e.theme.colors.blue50})),sa=g.div(Hn||(Hn=c(["\n .icon-title {\n display: flex;\n align-items: center;\n }\n\n svg,\n img {\n margin-right: 8px;\n }\n"],["\n .icon-title {\n display: flex;\n align-items: center;\n }\n\n svg,\n img {\n margin-right: 8px;\n }\n"]))),da=g.div(Tn||(Tn=c(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),ma=function(t){var n=t.style,a=t.onClose,r=t.text,o=t.type,l=t.contentIcon,c=t.closeIcon,s=t.className,d=t.description;return e.createElement(ca,{style:n,"data-alert-type":o,className:s},e.createElement(sa,null,e.createElement("div",{className:"icon-title"},l,e.createElement(i,{type:"bold",size:"label1"},r)),e.createElement(i,{type:"regular",size:"p3"},d)),e.createElement(da,{onClick:a},c))},ua=g.div(Fn||(Fn=c(["\n position: relative;\n\n > div {\n width: max-content;\n position: relative;\n }\n\n span {\n font-weight: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ","\n }\n\n ","\n"],["\n position: relative;\n\n > div {\n width: max-content;\n position: relative;\n }\n\n span {\n font-weight: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ","\n }\n\n ","\n"])),(function(e){return e.theme.sizes.fwBold}),(function(e){return function(e,t,n,a){var r="";if("numeric"===e)switch(t){case"medium":r="\n height: 16px;\n font-size: 11px;\n padding: 1px 6px;\n ";case"large":r="\n height: 24px;\n font-size: 13px;\n padding: 1px 10px;\n "}var o,l="";n&&(l="\n position: absolute;\n top: 0;\n left: 75%;\n "),n&&(o="\n left: 70%;\n\n ".concat("large"===t?"\n top: -7px;\n ":"medium"===t?"\n top: -2px;\n width: 16px;\n height: 16px;\n ":"","\n "));var i="";switch(a){case"primary":i="\n background: ".concat(h.colors.blue50,";\n color: ").concat(h.colors.blue600,"; \n ");break;case"error":i="\n background: ".concat(h.colors.error,";\n color: white;\n ")}switch(e){case"dot":return"\n ".concat(l,"\n width: 8px;\n height: 8px;\n font-size: 0px;\n border-radius: 50%;\n ").concat(i,"\n ");case"numeric":return"\n ".concat(l,"\n width: max-content;\n border-radius: 32px;\n ").concat(r,"\n ").concat(o,"\n ").concat(i,"\n ")}}(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)}),(function(e){return e.hasIcon&&"\n svg {\n width: 40px;\n height: 40px;\n }\n "})),pa=function(t){var n=t.amount,a=t.type,r=t.size,o=void 0===r?"medium":r,l=t.color,i=void 0===l?"primary":l,c=t.icon,s=t.className;return e.createElement(ua,{"data-notification-type":a,"data-notification-size":o,"data-notification-color":i,"data-has-icon":!!c||void 0,notificationType:a,notificationSize:o,notificationColor:i,hasIcon:!!c,className:s},e.createElement("div",null,n&&e.createElement("span",null,n)," ",c&&e.createElement("div",null,c)))},ga=g.h4(Pn||(Pn=c(["\n position: relative;\n line-height: 18px;\n\n &:after {\n position: absolute;\n top: 1px;\n left: 0;\n width: 4px;\n height: 18px;\n background-color: ",";\n content: '';\n }\n\n &[data-size='lg'] {\n font-size: 18px;\n padding-left: 12px;\n }\n\n &[data-size='sm'] {\n font-size: 14px;\n padding-left: 8px;\n\n &::after {\n width: 2px;\n height: 15px;\n }\n }\n\n &[data-type='bold'] {\n font-weight: ",";\n }\n &[data-type='semiBold'] {\n font-weight: ",";\n }\n\n &[data-uppercase] {\n text-transform: uppercase;\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n }\n }\n"],["\n position: relative;\n line-height: 18px;\n\n &:after {\n position: absolute;\n top: 1px;\n left: 0;\n width: 4px;\n height: 18px;\n background-color: ",";\n content: '';\n }\n\n &[data-size='lg'] {\n font-size: 18px;\n padding-left: 12px;\n }\n\n &[data-size='sm'] {\n font-size: 14px;\n padding-left: 8px;\n\n &::after {\n width: 2px;\n height: 15px;\n }\n }\n\n &[data-type='bold'] {\n font-weight: ",";\n }\n &[data-type='semiBold'] {\n font-weight: ",";\n }\n\n &[data-uppercase] {\n text-transform: uppercase;\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n }\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.sizes.fwSemiBold}),v.mbDown),ha=function(t){var n=t.style,a=t.children,r=t.className,o=t.size,l=void 0===o?"lg":o,i=t.type,c=void 0===i?"bold":i,d=t.upperCase,m=t.as,u=void 0===m?"h4":m,p=t.color;return e.createElement(ga,{style:s({color:p},n),className:r,"data-size":l,"data-type":c,"data-uppercase":d,as:u},a)},va=g.div(Wn||(Wn=c(["\n position: relative;\n box-sizing: border-box;\n border: 1px solid ",";\n background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n background-position: right 16px center;\n border-radius: 6px;\n\n &[data-has-icons='true'] {\n border: none;\n background: ",";\n\n img,\n svg {\n display: inline-block;\n max-width: 16px;\n margin-right: 6px;\n }\n\n span {\n vertical-align: middle;\n display: inline-block;\n }\n\n &:hover {\n box-shadow: none;\n }\n > div {\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n }\n > div::after {\n content: '';\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n width: 10px;\n height: 8px;\n position: absolute;\n background-repeat: no-repeat;\n transform: translateY(-50%);\n }\n }\n\n &:hover {\n box-shadow: 0 0 2px 2px ",";\n }\n"],["\n position: relative;\n box-sizing: border-box;\n border: 1px solid ",";\n background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n background-position: right 16px center;\n border-radius: 6px;\n\n &[data-has-icons='true'] {\n border: none;\n background: ",";\n\n img,\n svg {\n display: inline-block;\n max-width: 16px;\n margin-right: 6px;\n }\n\n span {\n vertical-align: middle;\n display: inline-block;\n }\n\n &:hover {\n box-shadow: none;\n }\n > div {\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n }\n > div::after {\n content: '';\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n width: 10px;\n height: 8px;\n position: absolute;\n background-repeat: no-repeat;\n transform: translateY(-50%);\n }\n }\n\n &:hover {\n box-shadow: 0 0 2px 2px ",";\n }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.blue200})),fa=g.div(Rn||(Rn=c(["\n padding: 12px 18px 12px 16px;\n cursor: pointer;\n &[data-dropdown-open] {\n padding: 11px 15px 11px 15px;\n border: 1px solid ",";\n border-radius: 6px;\n box-shadow: 0 0 2px 2px ",";\n }\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"],["\n padding: 12px 18px 12px 16px;\n cursor: pointer;\n &[data-dropdown-open] {\n padding: 11px 15px 11px 15px;\n border: 1px solid ",";\n border-radius: 6px;\n box-shadow: 0 0 2px 2px ",";\n }\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue200})),Ea=g.ul(Vn||(Vn=c(["\n position: absolute;\n top: 100%;\n right: 0;\n left: 0;\n display: block;\n margin-top: 4px;\n background: ",";\n border-radius: 6px;\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n cursor: pointer;\n\n &[data-has-icons='true'] {\n background: white;\n box-shadow: none;\n border: 1px solid ",";\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n }\n"],["\n position: absolute;\n top: 100%;\n right: 0;\n left: 0;\n display: block;\n margin-top: 4px;\n background: ",";\n border-radius: 6px;\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n cursor: pointer;\n\n &[data-has-icons='true'] {\n background: white;\n box-shadow: none;\n border: 1px solid ",";\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.gray200})),ba=g.li(Gn||(Gn=c(["\n margin: 8px;\n padding: 12px 18px 12px 16px;\n border-radius: 6px;\n display: flex;\n &:hover,\n :active {\n background: ",";\n }\n"],["\n margin: 8px;\n padding: 12px 18px 12px 16px;\n border-radius: 6px;\n display: flex;\n &:hover,\n :active {\n background: ",";\n }\n"])),(function(e){return e.theme.colors.gray100})),wa=g.div(On||(On=c(["\n display: flex;\n align-items: center;\n margin-right: 8px;\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"],["\n display: flex;\n align-items: center;\n margin-right: 8px;\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"]))),ya=function(a){var r=a.className,o=a.value,l=a.options,i=a.onUploadSelected,c=a.id,s=a.placeholderIcon,d=a.placeholder,m=a.style,u=t(!1),p=u[0],g=u[1],h=function(){return g(!p)},v=n(l.map((function(t){return"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+c+"-"+t.value,key:"uploader-dropdown-input-"+c+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),i(e.target.files)}})}))),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)"}))),E=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)"})),b=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(va,{className:r,"data-dropdown-open":!!p,id:c,"data-has-icons":!0,style:m,onBlur:function(){return g(!1)},tabIndex:0},e.createElement(fa,{onClick:h},s||f," ",e.createElement("span",null,o&&o.value?o.label:d)),p&&e.createElement(Ea,{onClick:h,"data-has-icons":!0},l.map((function(t){return e.createElement(ba,{key:"".concat(c,"-").concat(t.value),"data-selected":o&&o.value===t.value||void 0,onClick:function(){return"upload"===t.type?function(e){var t;null===(t=document.querySelector(e))||void 0===t||t.click()}("#uploader-dropdown-input-"+c+"-"+t.value):void((e=t.url)&&window.open(e,"_blank"));var e}},e.createElement(wa,null,t.icon||"download"===t.type?E:b),t.label)}))),e.createElement(e.Fragment,null,v.current))},xa=g.div(Zn||(Zn=c(["\n --columns-count: ",";\n --columns-count-desktop: ",";\n\n --grid-template-columns: ",";\n --grid-template-columns-desktop: ",";\n\n --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));\n --columns-desktop: var(--grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr));\n\n --justify-children: ",";\n --grid-gap: ",";\n --align-items: ",";\n\n display: grid;\n grid-template-columns: var(--columns);\n grid-gap: var(--grid-gap);\n align-items: var(--align-items);\n\n "," {\n grid-template-columns: var(--columns-desktop);\n }\n\n > * {\n justify-self: var(--justify-children);\n }\n"],["\n --columns-count: ",";\n --columns-count-desktop: ",";\n\n --grid-template-columns: ",";\n --grid-template-columns-desktop: ",";\n\n --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));\n --columns-desktop: var(--grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr));\n\n --justify-children: ",";\n --grid-gap: ",";\n --align-items: ",";\n\n display: grid;\n grid-template-columns: var(--columns);\n grid-gap: var(--grid-gap);\n align-items: var(--align-items);\n\n "," {\n grid-template-columns: var(--columns-desktop);\n }\n\n > * {\n justify-self: var(--justify-children);\n }\n"])),(function(e){return e.theme.columns}),(function(e){return e.theme.columnsDesktop}),(function(e){return e.theme.gridTemplateColumns}),(function(e){return e.theme.gridTemplateColumnsDesktop}),(function(e){return e.theme.justifyChildren}),(function(e){return e.theme.gap}),(function(e){return e.theme.alignItems}),v.tdUp),ka=function(t){var n=t.className,a=t.columns,r=t.columnsDesktop,o=t.gridTemplateColumns,l=t.gridTemplateColumnsDesktop,i=t.gap,c=t.children,s=t.justifyChildren,d=t.style,m=t.alignItems;return e.createElement(xa,{className:n,style:d,theme:{columns:a,columnsDesktop:r,gap:i,justifyChildren:s,gridTemplateColumns:o,gridTemplateColumnsDesktop:l,alignItems:m}},c)},Ca=g.div(Un||(Un=c(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n li {\n transition: all 0.3s ease;\n }\n [data-page-active] {\n background: ",";\n color: ",";\n\n > a {\n color: ",";\n }\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n li {\n transition: all 0.3s ease;\n }\n [data-page-active] {\n background: ",";\n color: ",";\n\n > a {\n color: ",";\n }\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.white})),La=g.div(qn||(qn=c(["\n display: flex;\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n &[data-last-page] {\n border: none;\n background-color: ",";\n cursor: not-allowed;\n pointer-events: none;\n\n svg {\n path {\n stroke: ",";\n }\n }\n }\n"],["\n display: flex;\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n &[data-last-page] {\n border: none;\n background-color: ",";\n cursor: not-allowed;\n pointer-events: none;\n\n svg {\n path {\n stroke: ",";\n }\n }\n }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.gray300})),Na=g.li(Kn||(Kn=c(["\n display: flex;\n width: 32px;\n height: 32px;\n align-items: center;\n justify-content: center;\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n > a {\n color: ",";\n text-decoration: unset;\n display: block;\n width: 100%;\n height: 100%;\n line-height: 32px;\n text-align: center;\n }\n"],["\n display: flex;\n width: 32px;\n height: 32px;\n align-items: center;\n justify-content: center;\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n > a {\n color: ",";\n text-decoration: unset;\n display: block;\n width: 100%;\n height: 100%;\n line-height: 32px;\n text-align: center;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.gray800})),za=function(n){var a=n.pagesAmount,l=n.activePage,i=n.handlePageChange,c=n.handleClick,s=n.href,m=n.queryPageName,u=void 0===m?"page":m,p=d([],Array(a),!0).map((function(e,t){return t+1})),g=t(l<=4?p.slice(0,5):l>=p.length-3?p.slice(p.length-5,p.length):p.slice(l-2,l+1)),h=g[0],v=g[1];return r((function(){l<=4?v(p.slice(0,5)):l>=p.length-3?v(p.slice(p.length-5,p.length)):v(p.slice(l-2,l+1))}),[l]),e.createElement(o,null,l>4&&e.createElement(o,null,e.createElement(Na,{onClick:function(){return i(1)}},s?e.createElement("a",{href:s,onClick:c},1):1),e.createElement(Na,null,"...")),h.map((function(t){return e.createElement(Na,{key:"".concat("pagination","+").concat(t),"data-page-active":t===l||void 0,onClick:function(){return i(t)}},s?e.createElement("a",{href:f(s,t,u),onClick:c},t):t)})),l<p.length-3&&e.createElement(o,null,e.createElement(Na,null,"..."),e.createElement(Na,{onClick:function(){return i(p.length)}},s?e.createElement("a",{href:f(s,p.length,u),onClick:c},p.length):p.length)))},_a=function(n){var o=n.className,l=n.pagesAmount,i=n.currentPage,c=n.onChange,s=n.onClick,m=n.style,u=n.href,p=n.queryPageName,g=void 0===p?"page":p,h=d([],Array(l),!0).map((function(e,t){return t+1})),v=t(i),E=v[0],b=v[1],w=a((function(){return u&&u.endsWith("&page=")?u.replace("&page=",""):u}),[u]),y=l-1,x=function(e){e<=l&&e>0&&(b(e),c(e))},k=function(e){s&&s(e)};return r((function(){b(i)}),[i]),e.createElement(Ca,{className:o,style:m},e.createElement(La,{className:"prev-page",onClick:function(){return x(E-1)},"data-last-page":1===E||void 0},w?e.createElement("a",{href:f(w,E,g),onClick:k},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"}))),h.length>8?e.createElement(za,{pagesAmount:l,activePage:E,handlePageChange:x,handleClick:k,href:w,queryPageName:g}):h.map((function(t){return e.createElement(Na,{key:"".concat("pagination","+").concat(t),"data-page-active":t===E||void 0,onClick:function(){return x(t)}},w?e.createElement("a",{href:f(w,t,g),onClick:k},t):t)})),e.createElement(La,{className:"next-page",onClick:function(){return x(E+1)},"data-last-page":E===y+1||void 0},w?e.createElement("a",{href:f(w,E,g),onClick:k},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"}))))},Ba=g.div(Yn||(Yn=c(["\n &[data-shadow-size='small'] {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='normal'] {\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='medium'] {\n filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='large'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='soft'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n"],["\n &[data-shadow-size='small'] {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='normal'] {\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='medium'] {\n filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='large'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='soft'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n"]))),Ma=function(t){var n=t.size,a=t.children,r=t.style,o=t.className;return e.createElement(Ba,{style:r,className:o,"data-shadow-size":n},a)},Sa=g.div(Xn||(Xn=c(["\n --padding-horizontal: 8px;\n --pading-vertical: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pading-vertical) var(--padding-horizontal);\n border-radius: 24px;\n\n ","\n\n ","\n\n ","\n\n p {\n ","\n }\n\n ","\n\n ","\n\n "," \n\n &[data-is-selected],\n &:active {\n background: ",";\n }\n"],["\n --padding-horizontal: 8px;\n --pading-vertical: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pading-vertical) var(--padding-horizontal);\n border-radius: 24px;\n\n ","\n\n ","\n\n ","\n\n p {\n ","\n }\n\n ","\n\n ","\n\n "," \n\n &[data-is-selected],\n &:active {\n background: ",";\n }\n"])),(function(e){return"sponsored"===e.tagType&&"\n --offset-size: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n position: relative;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);\n border-radius: 0 4px 18px 0;\n height: 24px;\n width: 90px;\n border-left: var(--offset-size) solid ".concat(h.colors.accentLight,";\n padding: 0;\n margin-left: calc(var(--offset-size) * -1);\n\n p {\n font-weight: ").concat(h.sizes.fwBold,";\n color: var(\n --text-props-color,\n ").concat(h.colors.secondaryDark,"\n );\n font-size: 11px;\n margin-left: calc(var(--offset-size) * -1);\n }\n\n &::after {\n width: calc(var(--offset-size) * 2);\n height: var(--offset-size);\n background: ").concat(h.colors.accentMain,";\n position: absolute;\n left: calc(var(--offset-size) * -1);\n bottom: calc(var(--offset-size) * -1);\n clip-path: polygon(0 1%, 100% 0%, 100% 100%);\n content: '';\n }\n ")}),(function(e){return e.isInline&&"\n display: inline-block;\n "}),(function(e){return e.tagHasMorePadding&&"\n &[data-has-more-padding] {\n padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal);\n }\n "}),(function(e){return e.tagIsLight?"\n color: var(--text-props-color, #000);\n ":"\n color: var(--text-props-color, ".concat((function(e){return e.theme.colors.white}),");\n ")}),(function(e){return function(e,t){switch(e){case"yellow":var n=t?h.colors.yellow50:h.colors.yellow600;return"\n background: ".concat(n,";\n p {\n color: var(\n --text-props-color,\n ").concat(h.colors.gray800,"\n );\n }\n ");case"standard":return"\n background: ".concat(h.colors.white,";\n border: 1px solid ").concat(h.colors.gray200,";\n \n p {\n color: var(\n --text-props-color,\n ").concat(h.colors.gray800,"\n );\n }\n \n &:hover {\n background: ").concat(h.colors.gray100,";\n }\n ");case"red":return n=t?h.colors.red50:h.colors.red500,"\n background: ".concat(n,";\n ");case"green":return n=t?h.colors.green50:h.colors.green500,"\n background: ".concat(n,";\n ");case"blue":return n=t?h.colors.blue50:h.colors.primaryBase,"\n background: ".concat(n,";\n ");case"teal":return n=t?h.colors.teal100:h.colors.teal600,"\n background: ".concat(n,";\n ");case"pink":return n=t?h.colors.pink200:h.colors.pink800,"\n background: ".concat(n,";\n ");case"violet":return n=t?h.colors.violet100:h.colors.violet500,"\n background: ".concat(n,";\n ");case"grey":return n=t?h.colors.gray100:h.colors.gray600,"\n background: ".concat(n,";\n ")}}(e.tagType,e.tagIsLight)}),(function(e){return e.tagIsSquared&&"sponsored"!==e.tagType&&"\n border-radius: 4px;\n "}),(function(e){return e.tagIsALink&&"\n cursor: pointer;\n "}),(function(e){return e.theme.colors.blue50})),Aa=function(t){var n=t.type,a=t.children,r=t.style,o=t.isInline,l=t.isSquared,c=void 0!==l&&l,d=t.className,m=t.isLight,u=t.hasMorePadding,p=t.isLink,g=t.isSelected,h=t.textProps,v=void 0===h?{size:"sm"}:h,f=v.color?{"--text-props-color":v.color}:{};return e.createElement(Sa,{"data-is-squared":c||void 0,"data-tag-type":n,"data-is-light":m||void 0,"data-has-more-padding":u||void 0,"data-is-inline":o||void 0,style:s(s({},r),f),className:d,"data-is-selected":g||void 0,"data-is-link":p||void 0,tagType:n,isInline:o,tagHasMorePadding:u,tagIsLight:m,tagIsSquared:c,tagIsALink:p},e.createElement(i,s({},v),a))},Da="24px",Ia="hhgcomp-toggle-icon",ja=b(g.span(Jn||(Jn=c(["\n position: relative;\n display: block;\n width: 40px;\n height: ",";\n background: #c3cbd4;\n border-radius: 100px;\n cursor: pointer;\n\n &:after {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 90px;\n content: '';\n transition: 0.3s;\n }\n"],["\n position: relative;\n display: block;\n width: 40px;\n height: ",";\n background: #c3cbd4;\n border-radius: 100px;\n cursor: pointer;\n\n &:after {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 90px;\n content: '';\n transition: 0.3s;\n }\n"])),Da),Ia),Ha=g.span(Qn||(Qn=c(["\n padding-left: 15px;\n"],["\n padding-left: 15px;\n"]))),Ta=g.div($n||($n=c(["\n height: ",";\n\n input[type='checkbox'] {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n label {\n cursor: pointer;\n display: inline-flex;\n color: ",";\n }\n\n input:checked + label ."," {\n background: ",";\n &:after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n }\n"],["\n height: ",";\n\n input[type='checkbox'] {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n label {\n cursor: pointer;\n display: inline-flex;\n color: ",";\n }\n\n input:checked + label ."," {\n background: ",";\n &:after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n }\n"])),Da,(function(e){return e.theme.colors.gray600}),Ia,(function(e){return e.theme.colors.primaryBase})),Fa=function(t){var n=t.className,a=t.id,r=t.onChange,o=t.checked,l=t.style,i=t.label;return e.createElement(Ta,{className:n,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:r,checked:o}),e.createElement("label",{htmlFor:a},e.createElement(ja,null),i&&e.createElement(Ha,null,i)))},Pa=g.div(ea||(ea=c(["\n a {\n color: ",";\n cursor: pointer;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n\n &:visited {\n color: ",";\n }\n }\n\n &[data-disabled] {\n & > a {\n color: ",";\n cursor: not-allowed;\n }\n }\n\n @include layout-sp {\n &[data-size='lg'] {\n & > a {\n font-size: 16px;\n font-weight: ",";\n line-height: 24px;\n }\n }\n &[data-size='md'] {\n & > a {\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n }\n }\n &[data-size='sm'] {\n & > a {\n font-size: 13px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n &[data-size='xm'] {\n & > a {\n font-size: 11px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n }\n"],["\n a {\n color: ",";\n cursor: pointer;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n\n &:visited {\n color: ",";\n }\n }\n\n &[data-disabled] {\n & > a {\n color: ",";\n cursor: not-allowed;\n }\n }\n\n @include layout-sp {\n &[data-size='lg'] {\n & > a {\n font-size: 16px;\n font-weight: ",";\n line-height: 24px;\n }\n }\n &[data-size='md'] {\n & > a {\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n }\n }\n &[data-size='sm'] {\n & > a {\n font-size: 13px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n &[data-size='xm'] {\n & > a {\n font-size: 11px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive}),(function(e){return e.theme.colors.primaryVisited}),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.sizes.fwRegular})),Wa=function(t){var n=t.size,a=t.isDisabled,r=t.className,o=t.link,l=t.style;return e.createElement(Pa,{className:r,"data-size":n,style:l,"data-disabled":a||void 0},o)},Ra=g.div(ta||(ta=c(["\n .default-button[data-color='secondary'] {\n border: solid 2px ",";\n color: ",";\n\n &:hover {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n & > svg {\n fill: ",";\n }\n }\n }\n"],["\n .default-button[data-color='secondary'] {\n border: solid 2px ",";\n color: ",";\n\n &:hover {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n & > svg {\n fill: ",";\n }\n }\n }\n"])),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.white})),Va=g.div(na||(na=c(["\n ","\n"],["\n ","\n"])),(function(e){return e["data-is-attached-to-element"]&&"display: inline-block;\n position: relative;"})),Ga=g.div(aa||(aa=c(["\n --icon-wrapper-size: 32px;\n display: flex;\n width: var(--icon-wrapper-size);\n height: var(--icon-wrapper-size);\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n\n ","\n\n & > svg {\n width: calc(var(--icon-wrapper-size) / 2);\n height: calc(var(--icon-wrapper-size) / 2);\n }\n"],["\n --icon-wrapper-size: 32px;\n display: flex;\n width: var(--icon-wrapper-size);\n height: var(--icon-wrapper-size);\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n\n ","\n\n & > svg {\n width: calc(var(--icon-wrapper-size) / 2);\n height: calc(var(--icon-wrapper-size) / 2);\n }\n"])),(function(e){return e.theme.colors.gray100}),(function(e){return e["data-is-attached-to-element"]&&"\n position: absolute;\n bottom: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n right: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n "})),Oa=g.div(ra||(ra=c(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),Za=function(t){var n=t.type,a=t.withIcon,r=t.onFileSelected,o=t.inputId,l=t.withElement,i=t.fileAcceptType,c=t.multiple,s=t.value,d=t.className,m=function(){var e;null===(e=document.querySelector("#uploader-input-"+o))||void 0===e||e.click()};return e.createElement(Ra,{className:d},"badge"===n?e.createElement(Va,{onClick:m,"data-is-attached-to-element":!!l},l,e.createElement(Ga,{"data-is-attached-to-element":!!l},a)):l?e.createElement("div",{onClick:m},l):e.createElement(w,{size:"md",color:"secondary",className:"default-button",icon:a,onClick:m},e.createElement(Oa,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-"+o,accept:i,multiple:c,type:"file",style:{display:"none"},onChange:function(e){r(e.target.files)},value:s}))},Ua=function(t){var n=t.label,a=t.name,r=t.checked,o=t.className,l=t.isDisabled,i=t.onChange,c=t.value,s=t.isRectangle;return e.createElement(k,{className:o,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":n},e.createElement("input",{type:"checkbox",checked:r,name:a,onChange:function(){return i(c,!r)},disabled:l,value:c,id:"".concat(a,"-").concat(c),"data-label-text":n}),!s&&e.createElement("label",{htmlFor:"".concat(a,"-").concat(c)},n))},qa=g.div(oa||(oa=c(["\n background-color: var(--neutral50);\n padding: 12px 0;\n box-shadow: inset 0px 1px 0px #e4e8ec;\n\n > * {\n display: grid;\n grid-template-columns: 32px 1fr;\n align-content: center;\n\n p {\n font-weight: 600;\n }\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n }\n"],["\n background-color: var(--neutral50);\n padding: 12px 0;\n box-shadow: inset 0px 1px 0px #e4e8ec;\n\n > * {\n display: grid;\n grid-template-columns: 32px 1fr;\n align-content: center;\n\n p {\n font-weight: 600;\n }\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n }\n"]))),Ka=function(t){var n=t.children,a=t.icon,r=t.className,o=t.style;return e.createElement(qa,{style:o,className:r},e.createElement(y,null,e.createElement("div",{className:"icon-wrapper"},a),e.createElement(i,{size:"c1",color:"var(--neutral800)"},n)))},Ya=g.div(la||(la=c(["\n display: inline-flex;\n\n gap: calc(var(--gap) * 1px);\n > svg {\n width: calc(var(--star-size) * 1px);\n height: calc(var(--star-size) * 1px);\n }\n\n &[data-selectable='true'] {\n > svg {\n cursor: pointer;\n }\n }\n"],["\n display: inline-flex;\n\n gap: calc(var(--gap) * 1px);\n > svg {\n width: calc(var(--star-size) * 1px);\n height: calc(var(--star-size) * 1px);\n }\n\n &[data-selectable='true'] {\n > svg {\n cursor: pointer;\n }\n }\n"]))),Xa=function(t){return e.createElement("svg",s({},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"}))},Ja=function(t){return e.createElement("svg",s({},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"}))},Qa=function(n){var a=t((function(){return"star-half-mask-".concat(Math.random())}))[0];return e.createElement("svg",s({},n,{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(#".concat(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"})))},$a=function(n){var a=n.gap,r=void 0===a?2:a,o=n.size,l=void 0===o?24:o,i=n.star,c=n.totalStars,d=void 0===c?5:c,m=n.onSelect,u=n.hideEmptyStars,p=n.style,g=n.className,h=Math.floor(i),v=i-h>=.5?1:0,f=t(null),E=f[0],b=f[1],w=E||h,y=E?0:v;return e.createElement(Ya,{"data-selectable":!!m,style:s({"--gap":r,"--star-size":l},p),className:g},Array.from({length:u?h+v:d}).map((function(t,n){var a=function(){return!!m&&b(n+1)},r=function(){return!!m&&b(null)};return n+1<=w?e.createElement(Ja,{key:n,onClick:function(){return null==m?void 0:m(n+1)},onMouseOver:a,onMouseLeave:r}):n+1===w+y?e.createElement(Qa,{key:n,onClick:function(){return null==m?void 0:m(n+1)},onMouseOver:a,onMouseLeave:r}):e.createElement(Xa,{key:n,onClick:function(){return null==m?void 0:m(n+1)},onMouseOver:a,onMouseLeave:r})})))},er=g.div(ia||(ia=c(["\n height: 4px;\n position: relative;\n\n &:before {\n content: '';\n border-radius: 2px;\n background-color: ",";\n opacity: 0.15;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:after {\n content: '';\n border-radius: 2px;\n background-color: ",";\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: calc(var(--progress) * 1%);\n }\n"],["\n height: 4px;\n position: relative;\n\n &:before {\n content: '';\n border-radius: 2px;\n background-color: ",";\n opacity: 0.15;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:after {\n content: '';\n border-radius: 2px;\n background-color: ",";\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: calc(var(--progress) * 1%);\n }\n"])),(function(e){return e.theme.colors.yellow400}),(function(e){return e.theme.colors.yellow400})),tr=function(t){var n=t.percent,a=t.style;return e.createElement(er,{style:s({"--progress":n},a)})},nr=function(t){var n=t.avatarImg,a=t.authorName,r=t.authorLink,o=t.uploadTime,l=t.size;return e.createElement(N,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":l},n),e.createElement("div",{className:"poster","data-is-disabled-url":!r},e.createElement(i,{size:"lg"===l?"p3":"p4"},e.createElement("a",{href:r},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,o)))))},ar=function(t){var n=t.isMobile,a=t.avatarImg,r=t.name,o=t.link,l=t.size,c=void 0===l?"lg":l,s=t.specialty;return e.createElement(N,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":c},a),e.createElement("div",{className:"expert","data-is-disabled-url":!o},n?e.createElement("a",{href:o},"lg"===c?e.createElement(e.Fragment,null,e.createElement(x,{tag:"h6",className:"expert__name",color:h.colors.gray600},r),e.createElement(i,{color:h.colors.gray500,size:"p3",className:"specialty"},s)):e.createElement(e.Fragment,null,e.createElement(x,{tag:"h6",className:"expert__name",color:h.colors.gray600},r))):e.createElement("a",{href:o},"lg"===c?e.createElement(e.Fragment,null,e.createElement(x,{tag:"h6",className:"expert__name",color:h.colors.gray600},r),e.createElement(i,{color:h.colors.gray500,size:"p3",className:"specialty"},s)):e.createElement(e.Fragment,null,e.createElement(z,{color:h.colors.gray600,className:"expert__name"},r),e.createElement(i,{color:h.colors.gray500,size:"p4",className:"specialty"},s))))))},rr=function(t){var n=t.articleLink,a=t.authorLink,r=t.authorName,o=t.avatarImg,l=t.banner,c=t.categoryLink,s=t.categoryName,d=t.className,m=t.dataEventActionForBanner,u=t.dataEventActionForBookmark,p=t.dataEventActionForCategory,g=t.dataEventActionForTitle,h=t.dataEventCategoryForBanner,v=t.dataEventCategoryForBookmark,f=t.dataEventCategoryForCategory,E=t.dataEventCategoryForTitle,b=t.dataEventLabelForBanner,w=t.dataEventLabelForBookmark,y=t.dataEventLabelForCategory,k=t.dataEventLabelForTitle,N=t.direction,z=void 0===N?"horizontal":N,_=t.hasAffiliate,B=t.isBookmark,M=void 0!==B&&B,S=t.isBookmarkDisplayed,A=void 0===S||S,D=t.isMobile,I=void 0===D||D,j=t.onBookmark,H=t.onClickCategoryName,T=t.section,F=void 0===T?"normal":T,P=t.size,W=void 0===P?"md":P,R=t.specialty,V=t.style,G=t.styleBanner,O=t.styleLabel,Z=t.styleTitle,U=t.text,q=t.title,K=t.type,Y=void 0===K?"author":K,X=t.uploadTime,J=t.articleLinkTarget,Q=function(e){e.stopPropagation(),j&&j()},$="lg"===W&&"expert"===Y?"h4":"lg"===W&&"home"===F?I?"h4":"h3":"lg"===W?"h4":"h5",ee="lg"===W?"p3":"p4",te=I||"home"!==F||"lg"!==W||"author"!==Y?"c2":"c1";return e.createElement(C,{className:d,"data-size":W,style:V,"data-direction":z,"data-is-expert":"expert"===Y||void 0},e.createElement("div",{className:"banner",style:G},e.createElement(L,{"data-event-category":h,"data-event-action":m,"data-event-label":b,href:n||"#",target:J},l),_&&e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"})))),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(i,{style:O,className:"label",size:te,type:"caption"},e.createElement(L,{"data-event-category":f,"data-event-action":p,"data-event-label":y,href:c||"#",onClick:H},s),A&&e.createElement("a",{className:"bookmark",onClick:Q},M?e.createElement("svg",{"data-event-category":v,"data-event-action":u,"data-event-label":w,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):e.createElement("svg",{"data-event-category":v,"data-event-action":u,"data-event-label":w,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),e.createElement(x,{tag:$,style:Z,className:"title",as:"lg"===W?"h2":"h3"},e.createElement(L,{"data-event-category":E,"data-event-action":g,"data-event-label":k,href:n||"#",target:J},q)),U&&e.createElement("a",{href:n||"#",target:J},e.createElement(i,{size:ee,className:"text"},U))),e.createElement("div",{className:"footer"},"author"===Y?e.createElement(nr,{size:W,avatarImg:o,authorName:r,authorLink:a,uploadTime:X,handleClick:Q,isBookmarked:M,dataEventCategoryForBookmark:v,dataEventActionForBookmark:u,dataEventLabelForBookmark:w}):e.createElement(ar,{size:W,isMobile:I,avatarImg:o,specialty:R,name:r,link:a,handleClick:Q,isBookmarked:M,dataEventCategoryForBookmark:v,dataEventActionForBookmark:u,dataEventLabelForBookmark:w}))))},or=function(t){var n=t.LinkComponent,a=t.page,r=t.isLast,o=t.onChangePage,l=a.label,i=a.value,c=a.isDropdown,s=a.dropdownItems,d=a.dataEventCategory,m=a.dataEventAction,u=a.dataEventLabel;return c?e.createElement(Vt,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:o,className:"collapsed-breadcrumb"}):e.createElement(M,{title:"string"!=typeof l?i:l,"data-last":r},n&&e.createElement(n,{"data-event-category":d,"data-event-action":m,"data-event-label":u,href:i||"#"},l))},lr=function(t){var n=t.className,r=t.pages,l=t.size,i=t.LinkComponent,c=void 0===i?"a":i,d=t.onChangePage,m=t.separator,u=a((function(){return r.map((function(e,t){return r.length>4?t>1&&t<r.length-2?null:1===t?s(s({},e),{isDropdown:1===t,dropdownItems:r.slice(1,r.length-2)}):e:e})).filter(Boolean)}),[r]);return e.createElement(_,{"data-size":l,className:n},u.map((function(t,n){var a=n+1===u.length;return e.createElement(o,{key:n},e.createElement(or,{LinkComponent:c,page:t,isLast:a,onChangePage:d}),!a&&(t.separator||m||e.createElement(B,{"data-size":l})))})))},ir=function(t){var n=t.imgBanner,a=t.label,r=t.className,o=t.style,l=t.href,c=void 0===l?"":l,s=t.dataEventCategory,d=t.dataEventAction,m=t.dataEventLabel;return e.createElement(S,{"data-event-category":s,"data-event-action":d,"data-event-label":m,className:r,style:o,href:c,onClick:function(e){""===c&&e.preventDefault()}},e.createElement("div",{className:"banner"},n),e.createElement("div",{className:"content"},e.createElement(i,{className:"category_name",size:"sm",type:"bold"},a)))},cr=function(t){var n=t.name,a=t.values,r=void 0===a?[]:a,o=t.onChanges,l=t.options,i=void 0===l?[]:l,c=t.className,s=t.type,d=void 0===s?"vertical":s,m=t.isDisabled,u=t.isRectangle,p=function(e,t){var n=r.slice();if(t)n.push(e);else{var a=n.findIndex((function(t){return t===e}));n.splice(a,1)}o&&o(n)};return e.createElement(A,{className:c,"data-type":d,"data-is-rectangle":u||void 0},i.map((function(t,a){return e.createElement(Ua,{label:t.label,name:n,key:"".concat(a,"-").concat(t.value),checked:r.includes(t.value),value:t.value,isDisabled:m||t.disabled,onChange:!m&&p,isRectangle:u})})))},sr=function(t){var n=t.size,a=t.iconPosition,r=t.className,o=t.children,l=t.icon;return e.createElement(D,{className:r,"data-size":n,"data-icon-position":a},"left"===a&&l,o,"right"===a&&l)},dr=function(n){var a=n.type,o=n.numberOfStep,i=n.activeStep,c=n.labelPrefix,d=n.detailSteps,u=n.className,p=n.onChange,g=t(0),h=g[0],v=g[1],f=function(t){var n=t.trackClassName,a=m(t,["trackClassName"]);return e.createElement(T,s({},a,{className:n}),e.createElement(F,null))},E=e.createElement(I,{className:u+" progress-bar"},e.createElement(f,null),e.createElement((function(t){var n=t.trackLength,a=t.activeStep,r=t.labelPrefix,l=void 0===r?"Step":r,i=t.onChange;return e.createElement(e.Fragment,null,Array.from({length:o},(function(e,t){return t})).map((function(t,r){return e.createElement(P,{"data-is-active":r===a,"data-label":r,style:{left:r*n/(o-1)},onClick:function(){i&&i(r)},key:r},r+1,e.createElement(W,{"data-step-passed":r<=a},l+" "+(r+1)))})))}),{trackLength:h,activeStep:i,labelPrefix:c,onChange:p})),b=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})),w=e.createElement(j,null,d&&Array.from({length:d.length},(function(e,t){return t})).map((function(t,n){var a;return e.createElement(H,{key:n,"data-selected":n===i,onClick:function(){p&&p(n)}},null===(a=d[n])||void 0===a?void 0:a.text," ",n<d.length-1&&b)}))),y=e.createElement(I,{className:u+" progress-bar"},e.createElement((function(t){var n=t.detailSteps,a=t.activeStep,r=t.onChange;return e.createElement(e.Fragment,null,Array.from({length:n.length},(function(e,t){return t})).map((function(t,o){return e.createElement(R,{key:o,style:{left:100/n.length*o+"%",width:100/n.length+"%"},onClick:function(){r&&r(o)}},n[o].icon?e.createElement(V,{onClick:function(){r&&r(o)}},n[o].icon):e.createElement(G,{"data-is-active":o===a,"data-label":t,onClick:function(){r&&r(o)},key:o},o+1),e.createElement(O,{"data-step-passed":o<a+1},n[o].text,e.createElement(Z,null,n[o].description)),o<n.length-1&&e.createElement(f,{"data-step-passed":o<a,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:i,detailSteps:d,onChange:p})),x=l(Gt((function(){var e=document.querySelector(".progress-bar");e&&v(e.offsetWidth)}),1e3),[]);return r((function(){var e=document.querySelector(".progress-bar");return v(null==e?void 0:e.offsetWidth),window.addEventListener("resize",x),function(){window.removeEventListener("resize",x)}}),[]),"step-track"===a&&E||"breadcrumb"===a&&w||"detail-track"===a&&y},mr=Object.freeze({__proto__:null,SideMenu:U,SideHeader:q,UserInfo:K,MenuLink:Y}),ur=function(t){var n=t.status;return"inActive"===n?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"===n?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"===n?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"}))},pr=function(a){var o=a.row,l=void 0===o?2:o,i=a.column,c=void 0===i?3:i,s=a.isDotsShown,d=void 0===s||s,m=a.isImageGalleryShown,u=void 0!==m&&m,p=a.mode,g=void 0===p?"infinity":p,h=a.type,v=void 0===h?"separated":h,f=a.distanceOverlappedLeft,E=void 0===f?{amount:0,unit:"pixel"}:f,b=a.children,w=a.className,y=a.isProgressShown,x=void 0!==y&&y,k=a.statusChildren,C=a.isArrowShown,L=void 0!==C&&C,N=a.classNameLeftArrow,z=a.classNameRightArrow,_=a.dataEventCategory,B=a.dataEventAction,M=a.dataEventLabel,S=a.onChangePage,A=a.page,D=a.customPageWidth,I=a.scheme,j=void 0===I?"hellosites":I,H=a.arrowType,T=void 0===H?"Discover":H,F=t("number"==typeof A?A:0),P=F[0],W=F[1],R=[];e.Children.map(b,(function(t,n){n%(l*c)==0&&R.push([]),R[R.length-1].push(e.cloneElement(t))}));var V=n(),G=n(0),O=function(e){if(V.current){var t=V.current.clientWidth,n=D||t,a="intertwined"===v?"percentage"===E.unit?e*n+E.amount/100*n*e:e*n+E.amount*n*e:e*n;V.current.scrollTo({top:0,left:a,behavior:"smooth"}),G.current=e,W(e),S&&S(e)}};r((function(){"number"==typeof A&&function(e){if(V.current){var t=V.current.clientWidth,n=D||t,a="intertwined"===v?"percentage"===E.unit?e*n+E.amount/100*n*e:e*n+E.amount*n*e:e*n;V.current.scrollTo({top:0,left:a,behavior:"smooth"}),G.current=e,W(e)}}(A)}),[A]);var Z=function(e){if(V.current){var t,n=V.current.clientWidth,a=D||n;t=0===P?0:P*a,"forward"===e&&(t===a*(R.length-1)?(W(R.length-1),t=a*(R.length-1),S&&S(R.length-1)):(W(P+1),t+=a,S&&S(P+1)),V.current.scrollTo({top:0,left:t,behavior:"smooth"})),"back"===e&&(0===t?(W(0),S&&S(0),t=0):(W(P-1),S&&S(P-1),t-=a),V.current.scrollTo({top:0,left:t,behavior:"smooth"}))}},U=Gt((function(){if("infinity"===g){if(!V.current)return;var e=V.current,t=e.clientWidth,n=e.scrollLeft,a=D||t,r=Math.floor(n/a);W(r),S&&S(r)}}),400);return r((function(){if("snapped"===g){var e,t,n,a,r,o,l=!1,i=V.current,c=function(o,c){l=!0,n=!1,a=!1,e=o-i.offsetLeft,t=c-i.offsetTop,r=i.scrollLeft},s=function(e){c(e.pageX,e.pageY)},d=function(e){c(e.touches[0].pageX,e.touches[0].pageY)},m=function(){if(l=!1,n=!1,a=!1,V.current){var e=V.current.clientWidth,t=D||e,r="ltr"===o?0!==G.current?G.current-1:G.current:"rtl"===o&&G.current<R.length-1?G.current+1:G.current,i="intertwined"===v?"percentage"===E.unit?r*t+E.amount/100*t*r:r*t+E.amount*t*r:r*t;V.current.scrollTo({top:0,left:i,behavior:"smooth"}),o="none",G.current!==r&&(G.current=r,W(r),S&&S(r))}},u=function(c,s){if(l){var d=c-i.offsetLeft,m=s-i.offsetTop,u=d-e,p=m-t;n||a||!(p>20||p<-20)||(n=!0),!n&&(u>20||u<-20)&&(a=!0,i.scrollLeft=r-u,u>0&&(o="ltr"),u<0&&(o="rtl"),0===u&&(o="none"))}},p=function(e){a&&e.preventDefault(),u(e.pageX,e.pageY)},h=function(e){a&&e.preventDefault(),u(e.touches[0].pageX,e.touches[0].pageY)};return null==i||i.addEventListener("mousedown",s),null==i||i.addEventListener("touchstart",d),window.addEventListener("mouseup",m),window.addEventListener("touchend",m),null==i||i.addEventListener("mousemove",p),null==i||i.addEventListener("touchmove",h),function(){null==i||i.removeEventListener("mousedown",s),null==i||i.removeEventListener("touchstart",d),window.removeEventListener("mouseup",m),window.removeEventListener("touchend",m),null==i||i.removeEventListener("mousemove",p),null==i||i.removeEventListener("touchmove",h)}}}),[]),e.createElement(X,{className:w,"data-row":l,onScroll:U},L&&P>0&&e.createElement("div",{className:"".concat(N," arrow-left"),onClick:function(){return Z("back")},"data-event-category":_,"data-event-action":B,"data-event-label":M},"Care"===T?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"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),e.createElement("div",{ref:V,className:"container",style:{overflowX:"snapped"===g||L?"hidden":"scroll"}},R.map((function(t,n){for(var a=0,r=0;r<n;r++)a+=R[r].length;return e.createElement("div",{key:n,className:"section",style:{marginLeft:"intertwined"===v&&0!==n?E.amount+""+("percentage"===E.unit?"%":"px"):"0px"}},1===l&&x&&e.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:"repeat(".concat(c,", 1fr)")}},t.map((function(r,o){var l=a+o,i=k.find((function(e){return e.index===l}));return e.createElement("div",{className:"items-progress",key:o},0===o&&0===n?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}),e.createElement("div",{className:"icon-status"},e.createElement(ur,{status:null==i?void 0:i.status})),n===R.length-1&&o===t.length-1?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}))}))),e.createElement("div",{className:"grid-layout","data-index":n,style:{gridTemplateColumns:"repeat(".concat(c,", 1fr)"),gridTemplateRows:"repeat(".concat(l,", 1fr)")}},t.map((function(t,n){return e.createElement(e.Fragment,{key:n},e.createElement("div",{className:"item-grid",key:n},t))}))))}))),L&&P<R.length-1&&e.createElement("div",{className:"".concat(z," arrow-right"),onClick:function(){return Z("forward")},"data-event-category":_,"data-event-action":B,"data-event-label":M}," ","Care"===T?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"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),d&&e.createElement("ul",{className:"bullet-nav"},R.map((function(t,n){return e.createElement("li",{key:n,className:"bullet-nav__item "},e.createElement("p",{onClick:function(){return O(n)},className:"bullet-nav__link scroll ".concat(P==n?"active":null),"data-scheme":j}))}))),u&&e.createElement("div",{className:"image-gallery-wrapper","data-test":R.length},R.slice(0,3).map((function(t,n){return e.createElement("div",{className:"image-block ".concat(P==n?"active":null),key:n,onClick:function(){return O(n)},"data-scheme":j},t)}))))},gr=function(t){var n=t.isDisabled,a=t.isLeft,r=t.onClick,o=t.className,l=t.scheme,i=void 0===l?"hellosites":l;return e.createElement($,{onClick:r,"data-is-disabled":n,"data-is-left":a,className:o},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"===i?"#595959":"#E55C8A"}):e.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===i?"#595959":"#E55C8A"})))},hr=function(n){for(var a=n.row,r=n.column,o=n.children,l=n.scheme,i=void 0===l?"hellosites":l,c=n.classNameLeftArrow,s=void 0===c?"":c,m=n.classNameRightArrow,u=void 0===m?"":m,p=n.mode,g=void 0===p?"snap":p,h=n.isDotsShown,v=void 0===h||h,f=n.isArrowShown,E=void 0!==f&&f,b=n.dataEventCategory,w=n.dataEventAction,y=n.dataEventLabel,x=n.onChangePage,k=e.useState(0),C=k[0],L=k[1],N=t(!1),z=N[0],_=N[1],B=Ot({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){L(e.track.details.rel),x&&x(e.track.details.rel)},created:function(){_(!0)},drag:!0,mode:g,slides:{spacing:12}}),M=B[0],S=B[1],A=[],D=a*r,I=0;I<o.length;I+=D){var j=o.slice(I,I+D);A.push(j)}return e.createElement(J,{row:a,column:r},e.createElement("div",{className:"navigation-wrapper"},e.createElement("div",{ref:M,className:"keen-slider slides-wrapper"},A.map((function(t,n){return e.createElement("div",{key:n,className:"keen-slider__slide page-items"},t.map((function(t,n){return e.createElement("div",{key:n},t)})))}))),z&&S.current&&E&&e.createElement(e.Fragment,null,e.createElement(gr,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=S.current)||void 0===t?void 0:t.prev())},isDisabled:0===C,scheme:i,className:"left-arrow ".concat(s),"data-event-category":b,"data-event-action":w,"data-event-label":y}),e.createElement(gr,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=S.current)||void 0===t?void 0:t.next())},isDisabled:C===S.current.track.details.slides.length-1,scheme:i,className:"right-arrow ".concat(u),"data-event-category":b,"data-event-action":w,"data-event-label":y}))),z&&S.current&&v&&e.createElement("div",{className:"dots"},d([],Array(S.current.track.details.slides.length),!0).map((function(t,n){return e.createElement(Q,{key:n,onClick:function(){var e;null===(e=S.current)||void 0===e||e.moveToIdx(n)},"data-is-active":C===n,"data-is-hellosites":"hellosites"===i})}))))},vr=function(t){var n=t.type,a=t.description,r=t.value,o=t.withIcon,l=t.isInACard,i=t.cardColor,c=t.className;return e.createElement(ee,{className:c,"data-size":n,"data-is-in-card":"big"===n&&l,"data-card-color":i},e.createElement(te,null,"small"===n&&e.createElement(ne,{"data-color":i}),a),e.createElement(ae,{"data-size":n},"small"!==n&&o,r))},fr=Object.freeze({__proto__:null,Table:re,Cell:oe,Head:le,Row:ie,Body:ce}),Er=function(n){var a=n.style,o=n.initialTab,l=n.tabContent,c=n.onChange,s=n.className,d=n.dataEventCategory,m=n.dataEventAction,u=n.dataEventLabel,p=n.id,g=t(o||0),v=g[0],f=g[1];return r((function(){f(o)}),[o]),e.createElement(se,{style:a,className:s,role:"tablist",id:p},l.map((function(t,n){return e.createElement(de,{"data-is-tab-active":v===n||void 0,"aria-selected":v===n,role:"tab",onClick:function(){f(n),c&&c(n)},onKeyDown:function(e){"Enter"===e.key&&(f(n),c&&c(n))},key:n,"data-event-category":d,"data-event-action":m,"data-event-label":u,tabIndex:0},e.createElement(me,null,t.icon&&e.createElement(ue,null,t.icon),e.createElement(i,{size:t.textSize||"sm",type:t.textType||"bold",color:t.textColor||h.colors.gray800,dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name)))})))},br=function(t){var n=t.thankyou,a=t.thankyouSubtitle,r=t.className,o=t.style;return e.createElement(pe,{className:r,style:o},e.createElement("div",{className:"survey-inner-wrapper"},e.createElement(ge,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"})),n&&e.createElement(x,{className:"survey-thankyou-title",tag:"h3"},n),a&&e.createElement(i,{className:"survey-thankyou-subtitle",size:"p3"},a)))))},wr=function(n){var a=n.items,o=n.className,l=n.style,i=n.backgroundPanelStyle,c=n.isOpen,d=n.onOpen,m=n.onClose,u=n.disableBackdropClick,p=n.siteType,g=void 0===p?"hb":p,h=n.animationType,v=void 0===h?"zoom":h,f=n.zIndex,E=void 0===f?300:f,b=t(!!c),w=b[0],y=b[1];r((function(){y(!!c)}),[c]);var x=function(){y(!1),m&&m()};return e.createElement(he,{style:l,className:o,"data-floatmenu-open":w,"data-site-type":g,"data-animation-type":v},e.createElement(ve,{className:"float-button-group__panel",style:s({zIndex:E},i),onClick:u?void 0:x}),e.createElement(fe,{className:"float-button-group___content",style:{zIndex:E}},e.createElement(Ee,null,a.map((function(t,n){return e.createElement(be,{className:"float-item-button-".concat(n),style:s(s({},"zoom"===v&&{bottom:64*(a.length-1-n),transitionDelay:"".concat(we/a.length*(w?a.length-1-n:n),"ms")}),"slide"===v&&{bottom:64*(a.length-1-n),transitionDelay:"".concat(we/a.length*(w?n:a.length-1-n),"ms")}),key:n,onClick:function(){t.onClick(),t.keepMenuOnClick||y(!1)}},e.createElement(ye,{style:s({},"zoom"===v&&{transitionDelay:"".concat(we/a.length*(w?a.length-1-n:n),"ms")})},t.label),e.createElement(xe,{className:"float-item-button__icon-wrapper",style:s({},("zoom"===v||"slide"===v)&&{transitionDelay:"".concat(we/a.length*(w?a.length-1-n:n),"ms")})},t.icon))}))),e.createElement(ke,{onClick:w?x:function(){y(!0),d&&d()}})))},yr=function(t){var n=t.className,a=t.policiesUrl,r=t.onAcceptClick,o=t.translations,l=void 0===o?{acceptButton:"Accept",policiesButton:"Our Policies"}:o,i=t.title,c=void 0===i?"":i,s=t.description,d=void 0===s?"":s,m=t.theme,u=void 0===m?"helloSites":m,p=t.isOpen,g=void 0===p||p,h=t.useDefaultPosition,v=void 0===h||h,f=t.trackingAttributes;return e.createElement(Ce,{className:n,"data-theme":u,"data-is-open":g,"data-default-position":v},e.createElement(Le,{"data-has-content":!!c},c),e.createElement(Ne,{dangerouslySetInnerHTML:{__html:d}}),e.createElement(ze,null,e.createElement(_e,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:r,"data-event-category":null==f?void 0:f.dataEventCategory,"data-event-action":null==f?void 0:f.dataEventAction,"data-event-label":null==f?void 0:f.dataEventLabel},l.acceptButton),e.createElement(Be,{href:a},l.policiesButton)))},xr=function(t){var n,a,r,o,l,i,c,m,u,p,g,h,v,f,E,b,w,y,x,k=t.SEOData,C=void 0===k?{}:k,L=t.isAmp,N=void 0!==L&&L,z=t.locale,_=void 0===z?"vi-VN":z,B=t.routerPathname,M=t.routerQuery,S=t.nextHead,A=t.siteType,D=t.seoCustom,I=t.userId,j=t.forcedCanonicalUrl,H=C.totalPages,T=C.currentPage,F=C.SEOTitle,P=void 0===F?"":F,W=C.SEODescription,R=void 0===W?"":W,V=C.SEOImage,G=C.seoType,O=C.SEOImageWidth,Z=C.SEOImageHeight,U=C.customMetaData,q=void 0===U?[]:U,K=C.isIndexable,Y=void 0===K||K,X=C.hasNoCanonical,J=void 0!==X&&X,Q=Y&&Kt?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",$=process.env.NEXT_PUBLIC_BASE_API_URL,ee=C.canonicalUrl||B;Object.keys(M).forEach((function(e){var t=M[e];t&&Array.isArray(t)&&(ee=ee.replace("[...".concat(e,"]"),t.join("/")))}));var te,ne=_||"en-PH",ae="helloSites"===A?Zt[ne]:"www.marrybaby.vn",re=ee.endsWith("/")?"":"/";if(C.apiMetaData&&"string"==typeof C.apiMetaData){var oe=null===(n=C.apiMetaData)||void 0===n?void 0:n.match(/<title.*?>(.*)<\/title>/),le=" - Page ".concat(T," of ").concat(H),ie=T&&1!==T&&oe?C.apiMetaData.replace(oe[0],oe[0].includes("-")?oe[0].replace("-",le+" - "):"<title>".concat(oe[1].concat(le),"</title>")).replace('<link rel="canonical" href="https://'.concat(ae).concat(ee).concat(re,'" />'),'<link rel="canonical" href="https://'.concat(ae).concat(ee).concat(re,"?page=").concat(T,'" />')):C.apiMetaData,ce=(te=Me(ie,{trim:!0})).find((function(e){var t,n;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(n=e.props)||void 0===n?void 0:n.property)}));if(!ce){var se="https://".concat(ae,"/images/").concat(_,".png");te=d(d([],te,!0),[e.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=C.openGraph)||void 0===a?void 0:a.image)||se||""}),e.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(r=C.openGraph)||void 0===r?void 0:r.image)||se}),e.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(o=C.openGraph)||void 0===o?void 0:o.imageWidth)&&String(null===(l=C.openGraph)||void 0===l?void 0:l.imageWidth)||"1200"}),e.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=C.openGraph)||void 0===i?void 0:i.imageHeight)&&String(null===(c=C.openGraph)||void 0===c?void 0:c.imageHeight)||"630"})],!1)}}var de="https://".concat(ae,"/images/").concat(_,".png");return e.createElement(S,null,e.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===A&&e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===_?e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===_||"ms-MY"===_?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:$}),e.createElement("meta",{charSet:"UTF-8"}),!N&&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:Q}),e.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),q.map((function(t,n){return e.createElement("meta",s({key:n},t))})),e.createElement("meta",{name:"theme-color",content:"helloSites"===A?"#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:ne}),e.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),N&&e.createElement(e.Fragment,null,e.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),e.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),e.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!te&&e.createElement(e.Fragment,null,"helloSites"===A?e.createElement("title",null,D?P:P+" - "+(null===(m=Ut[_])||void 0===m?void 0:m.SITE_NAME)):e.createElement("title",null,P),!J&&e.createElement("link",{rel:"canonical",href:"https://".concat(ae).concat(ee)}),e.createElement("meta",{name:"description",content:R||(null===(u=C.openGraph)||void 0===u?void 0:u.description)}),C.schemaData&&e.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:C.schemaData}}),e.createElement("meta",{property:"og:locale",content:_}),e.createElement("meta",{property:"og:type",content:G||"website"}),e.createElement("meta",{property:"og:title",content:(null===(p=C.openGraph)||void 0===p?void 0:p.title)||P}),e.createElement("meta",{property:"og:description",content:(null===(g=C.openGraph)||void 0===g?void 0:g.description)||R}),e.createElement("meta",{property:"og:url",content:"https://".concat(ae).concat(ee)}),e.createElement("meta",{property:"og:site_name",content:"https://".concat(ae)}),e.createElement("meta",{property:"og:image",content:(null===(h=C.openGraph)||void 0===h?void 0:h.image)||V||de||""}),e.createElement("meta",{property:"og:image:secure_url",content:(null===(v=C.openGraph)||void 0===v?void 0:v.image)||V||de}),e.createElement("meta",{property:"og:image:width",content:(null===(f=C.openGraph)||void 0===f?void 0:f.imageWidth)&&String(null===(E=C.openGraph)||void 0===E?void 0:E.imageWidth)||O&&String(O)||"1200"}),e.createElement("meta",{property:"og:image:height",content:(null===(b=C.openGraph)||void 0===b?void 0:b.imageHeight)&&String(null===(w=C.openGraph)||void 0===w?void 0:w.imageHeight)||Z&&String(Z)||"630"}),e.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),e.createElement("meta",{name:"twitter:title",content:(null===(y=C.twitter)||void 0===y?void 0:y.title)||P}),e.createElement("meta",{name:"twitter:description",content:R}),e.createElement("meta",{name:"twitter:image",content:(null===(x=C.twitter)||void 0===x?void 0:x.image)||V})),("helloSites"===A?qt[ne]||[]:qt.marryBaby).map((function(t,n){return"link"===t.type?e.createElement("link",{key:"favicon-".concat(n),rel:t.rel,href:t.href,sizes:t.sizes}):"meta"===t.type?e.createElement("meta",{key:n,name:t.name,content:t.content}):null})),Array.isArray(te)&&j?te.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):te,j&&e.createElement("link",{rel:"canonical",href:j}),!C.hasNoAmp&&"vi-VN"!==_&&e.createElement("link",{rel:"amphtml",href:"https://".concat(ae).concat(ee).concat(re,"?amp=1")}),I&&"undefined"!=typeof window?e.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(I,"'});")}}):null)},kr=function(t){var n,a=t.isMobile,r=t.locale,o=t.onSubmitDueDate,l=t.dueDatePageInfo,c=t.expertUrl,s=t.isSide,d=Yt().t;return e.createElement(Se,{"data-is-side":s},e.createElement(Ae,{isSide:s,bannerUrl:Xt.getAssetPath("embedToolBannerPink.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:d("healthTools.dueDateCalculator"),medicalReview:(null===(n=null==l?void 0:l.reviewed_by)||void 0===n?void 0:n.display_name)?e.createElement(i,{size:"n1",color:h.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:d("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(c,'"\n >\n ').concat(null==l?void 0:l.reviewed_by.display_name,"\n </a>"),date:null==l?void 0:l.reviewed_date})}}),e.createElement("span",null)):void 0,isMobile:a}),e.createElement(y,null,e.createElement(De,{onSubmit:function(e){return e.preventDefault()},className:"due-date-cal","data-is-side":s},e.createElement(Ie,{locale:r,onSubmitDueDate:o,isSide:s}))))};function Cr(e){var t=e.weight,n=e.height/100,a=t;return Math.round(a/(n*n)*10)/10}var Lr=function(n){var o,l,c,s,d=n.value,m=n.onChange,g=n.onSubmit,v=n.disabled,f=n.bmiGenerated,E=n.bmiUnit,b=n.locale,w=n.isSide,y=t(!1),x=y[0],k=y[1],C=Jt(),L=C.control,N=C.handleSubmit,z=C.setValue,_=(0,C.watch)(),B=Yt().t,M=v||{},S=M.gender,A=void 0!==S&&S,D=M.age,I=void 0!==D&&D,j=M.height,H=void 0!==j&&j,T=M.weight,F=void 0!==T&&T,P=M.objective,W=void 0===P||P,R=nn(b).getHealthToolLink,V=a((function(){return R(an.OVULATION)}),[R]),G=a((function(){return[{value:"male",label:B("gender.male"),content:e.createElement($t.GenderChooseBoy,null)},{value:"female",label:B("gender.female"),content:e.createElement($t.GenderChooseGirl,null)}]}),[]),O=a((function(){return[{value:"lose-weight",label:B("bmi.objective.loseWeight")},{value:"maintain-weight",label:B("bmi.objective.maintainWeight")},{value:"gain-weight",label:B("bmi.objective.gainWeight")}]}),[]),Z=function(){k(!0)};return r((function(){Object.keys(d||{}).forEach((function(e){z(e,null==d?void 0:d[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[d]),r((function(){m&&m(_)}),[_]),e.createElement(je,null,e.createElement("form",{onSubmit:N((function(e){return u(void 0,void 0,void 0,(function(){var t,n,a;return p(this,(function(r){return t=E.heightConvert(e.height),n=E.weightConvert(e.weight),a={gender:e.gender,age:e.age,height:t,weight:n,bmi:Cr({height:t,weight:n})},W||(a.objective=e.objective),Z(),g&&g(a),[2]}))}))}),Z)},!A&&e.createElement(He,{"data-is-side":w},e.createElement(Qt,{name:"gender",control:L,defaultValue:"male",render:function(t){var n=t.field,a=n.name,r=n.value,o=n.onChange,l=t.fieldState.error;return e.createElement(Te,{size:"md",name:a,label:f.gender.label,CustomInput:e.createElement(en,{options:G,value:r,onChange:function(e){return o(e)},className:"bmi--input-radio_gender ".concat(w?"bmi-side-embed":"")}),errorMessage:x?null==l?void 0:l.message:"",className:"bmi--input bmi--input-gender"})}})),e.createElement(Fe,{"data-is-side":w},!I&&e.createElement(He,null,e.createElement(Qt,{name:"age",control:L,rules:null===(o=f.age)||void 0===o?void 0:o.rule,render:function(t){var n=t.field,a=n.name,r=n.value,o=n.onChange,l=t.fieldState.error;return e.createElement(tn.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray600},f.age.label),placeholder:B("healthtool.placeholder.age"),name:a,value:r||0,onChange:o,error:x?null==l?void 0:l.message:"",min:0})}})),!H&&e.createElement(He,null,e.createElement(Qt,{name:"height",control:L,rules:null===(l=f.height)||void 0===l?void 0:l.rule,render:function(t){var n=t.field,a=n.name,r=n.value,o=n.onChange,l=t.fieldState.error;return e.createElement(tn.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray600},f.height.label),placeholder:B("pwg.placeholder.height"),name:a,value:r||0,onChange:o,error:x?null==l?void 0:l.message:"",min:0})}})),!F&&e.createElement(He,null,e.createElement(Qt,{name:"weight",control:L,rules:null===(c=f.weight)||void 0===c?void 0:c.rule,render:function(t){var n=t.field,a=n.name,r=n.value,o=n.onChange,l=t.fieldState.error;return e.createElement(tn.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray600},f.weight.label),placeholder:B("pwg.placeholder.weight"),name:a,value:r||0,onChange:o,error:x?null==l?void 0:l.message:"",precision:1,min:0})}})),!W&&e.createElement(He,null,e.createElement(Qt,{name:"objective",control:L,defaultValue:"lose-weight",rules:null===(s=f.objective)||void 0===s?void 0:s.rule,render:function(t){var n=t.field,a=n.name,r=n.value,o=n.onChange,l=t.fieldState.error;return e.createElement(Te,{size:"md",name:a,label:f.objective.label,CustomInput:e.createElement(Pe,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:O,value:r,onChange:o}),errorMessage:x?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}}))),e.createElement("div",{style:{display:"flex"}},e.createElement(We,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:"https://".concat(Zt[b],"/").concat(V)},B("bmi.submit")))))},Nr=function(t){var n,a,r,o=t.isMobile,l=t.onSubmit,c=t.bmiContent,s=t.isSide,d=t.bmiGenerated,m=t.bmiUnit,u=t.bmiLink,p=t.locale,g=Yt().t;return e.createElement(Se,{"data-is-side":s},e.createElement(Ae,{isSide:s,bannerUrl:Xt.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==c?void 0:c.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:g("bmi.heading"),medicalReview:(null===(n=null==c?void 0:c.reviewBy)||void 0===n?void 0:n.reviewer)?e.createElement(i,{size:"n1",color:h.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:g("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null===(a=null==c?void 0:c.reviewBy)||void 0===a?void 0:a.link)||"#",'"\n >\n ').concat(c.reviewBy.reviewer,"\n </a>"),date:null===(r=null==c?void 0:c.reviewBy)||void 0===r?void 0:r.date})}}),e.createElement("span",null)):void 0,isMobile:o}),e.createElement(y,null,e.createElement(De,{as:"div","data-is-side":s},u&&e.createElement(Lr,{onSubmit:l,bmiGenerated:d,locale:p,bmiUnit:m,isSide:s}))))},zr=function(n){var a,o,c=n.isMobile,s=n.className,d=n.onSubmit,m=n.onError,g=n.isLoggedIn,v=n.currentUrl,f=n.onAddMeasurement,E=n.schema,b=n.source,w=n.babyLists,y=Yt().t,x=t(null),k=x[0],C=x[1],L=l((function(){return u(void 0,void 0,void 0,(function(){var e;return p(this,(function(t){switch(t.label){case 0:return[4,rn(on(ln.GET_HEALTH_TOOL_BABY_GROWTH_INFO),"GET")];case 1:return e=t.sent(),C((function(){return sn(null==e?void 0:e.data)})),[2]}}))}))}),[]);return r((function(){L()}),[L]),e.createElement(Se,{"data-is-mobile":c},e.createElement(Ae,{bannerUrl:Xt.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:Xt.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==k?void 0:k.featuredImage)||""}),heading:(null==k?void 0:k.title)||"",medicalReview:(null===(a=null==k?void 0:k.reviewBy)||void 0===a?void 0:a.reviewer)&&""!==(null===(o=null==k?void 0:k.reviewBy)||void 0===o?void 0:o.reviewer)?e.createElement(i,{size:"p4",color:h.colors.white,className:"embedded-review"},e.createElement("span",{dangerouslySetInnerHTML:{__html:y("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null==k?void 0:k.reviewBy.link)||"#",'"\n >\n ').concat(k.reviewBy.reviewer.trim(),"\n </a>"),date:k.reviewBy.date})}})):void 0,isMobile:c}),e.createElement(Re,null,e.createElement(Ve,{onAddMeasurement:f,isMobile:c,schema:E,source:b,babyLists:w,className:s,onSubmit:d,onError:m,isLoggedIn:g,currentUrl:v})))},_r=function(t){var n=t.babyPoopPage,a=t.onClickFindOut,r=t.locale,o=t.isMobile,l=t.currentUrl,c=t.isSide,s=Yt().t,d=n.reviewedBy,m=n.reviewedDate;return e.createElement(Ge,null,e.createElement(un,{className:"px-16",style:{height:"100%",display:"".concat(o?"flex":""),flexDirection:"column"}},o&&e.createElement(Oe,{src:Xt.getAssetPath("babyDiaper.png"),alt:n.title}),e.createElement(Ze,{"data-is-side":c},e.createElement(Ue,{"data-is-side":c},e.createElement(x,{tag:"h2",color:"#284A75"},n.title),e.createElement(i,{size:"p3",className:"description"},n.description),!!d&&e.createElement(qe,{className:"reviewer"},e.createElement("img",{src:Xt.getAssetPath("reviewerCheck.svg"),alt:"check",className:"check-icon"}),e.createElement(i,{size:"p4",color:h.colors.gray600},s("categoryPage.info.reviewed")," ",e.createElement("a",{href:d.profileUrl},d.displayName)," ",s("categoryPage.onDate",{date:m}))),e.createElement(w,{color:"primary",size:"md",className:"mt-16 find-out-button",onClick:a,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:l,style:{visibility:Boolean(a)?"visible":"hidden"}},s("babyPoop.findOut"))),!o&&e.createElement(Oe,{src:Xt.getAssetPath("babyDiaper.png"),alt:n.title,"data-is-vietnam":r===pn.Vietnam,className:"banner-img"}))))},Br=function(n){var a=n.value,r=n.options,o=n.className,l=n.direction,c=void 0===l?"horizontal":l,s=n.onChange,d=n.isDisabled,m=t(a),u=m[0],p=m[1];return e.createElement(Ke,{className:o,"data-direction":c},r.map((function(t,n){return e.createElement(Ye,{"data-selected":(a||u)===t.value,"data-disabled":d,key:"health-tool".concat(n),onClick:function(){var e;e=t.value,d||(p(e),s&&s(e))}},e.createElement("div",null,e.createElement("img",{src:(a||u)===t.value?t.imageActive:t.image,className:"gender-image",alt:""}),t.label&&e.createElement(i,{type:"bold",className:"radio-group-item-heading",size:"label1"},t.label)))})))},Mr=function(n){var a=n.info,o=n.className,l=n.style,c=n.onChange,d=n.errorMessage,m=void 0===d?{}:d,u=n.locale,p=Yt().t,g=t(new Date),v=g[0],f=g[1],E=t({age:!1,rate:!1}),b=E[0],w=E[1];return r((function(){w({age:!1,rate:!1})}),[m]),e.createElement(Xe,{style:l,className:o},e.createElement(zn,{className:"input-section due-date-input",label:e.createElement(i,{size:"n1",type:"bold",color:h.colors.gray600,style:{marginBottom:"9px",flex:"1"}},p("targetHeartRate.ageInput")),value:Je(v),name:"date",size:"md",CustomInput:e.createElement(Qe,{customInput:function(t){return e.createElement("input",s({type:"date",className:"due-date-input"},t,{value:Je(v)}))},disabledDays:{after:new Date(hn(new Date,0))},locale:u,pickedDate:v,displayDateFormat:cn,onChange:function(e){!function(e){f(e),w((function(e){return s(s({},e),{age:!0})}));var t=s(s({},a),{age:vn(new Date(e),$e)});c&&c(t)}(e)},placeholder:"placeholder"}),errorMessage:b.age?"":m.age}))},Sr=function(n){var o,l,c,s=n.isSide,d=n.locale,m=n.thrContent,u=n.isMobile,p=n.info,g=n.inputErrorMessage,v=n.onFormChange,f=n.onSubmit,E=Yt().t,b=nn(d).getHealthToolLink,w=a((function(){return b(an.THR)}),[b]),x=t(!1),k=x[0],C=x[1],L=t("low_intensity"),N=L[0],z=L[1],_=t("male"),B=_[0],M=_[1],S=t([60]),A=S[0],D=S[1],I=t({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),j=I[0],H=I[1],T=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],F=[{value:"low_intensity",label:E("targetHeartRate.lowIntensity.title"),image:Xt.getAssetPath("/low.svg"),imageActive:Xt.getAssetPath("/low-active.svg"),content:E("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:E("targetHeartRate.moderateIntensity.title"),image:Xt.getAssetPath("/moderate.svg"),imageActive:Xt.getAssetPath("/moderate-active.svg"),content:E("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:E("targetHeartRate.aerobicZone.title"),image:Xt.getAssetPath("/aerobic.svg"),imageActive:Xt.getAssetPath("/aerobic-active.svg"),content:E("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:E("targetHeartRate.vigorousIntensity.title"),image:Xt.getAssetPath("/vigorous.svg"),imageActive:Xt.getAssetPath("/vigorous-active.svg"),content:E("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:E("targetHeartRate.maximumIntensity.title"),image:Xt.getAssetPath("/maximum.svg"),imageActive:Xt.getAssetPath("/maximum-active.svg"),content:E("targetHeartRate.maximumIntensity.note")}],P=a((function(){return[{value:"male",label:E("gender.male"),content:e.createElement($t.GenderChooseBoy,null)},{value:"female",label:E("gender.female"),content:e.createElement($t.GenderChooseGirl,null)}]}),[]);return r((function(){var e=((new Date).getTime()-new Date(p.age).getTime())/1e3;C(e>=567648e3);var t=T.find((function(t){return e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60}))||T[0];H(t),D([60])}),[p.age]),e.createElement(Se,{"data-is-side":s},e.createElement(Ae,{isSide:s,bannerUrl:Xt.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==m?void 0:m.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:E("targetHearRate.heading"),medicalReview:(null===(o=null==m?void 0:m.reviewedBy)||void 0===o?void 0:o.display_name)?e.createElement(i,{size:"n1",color:h.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:E("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(dn(null==m?void 0:m.reviewedBy),'"\n >\n ').concat(null===(l=null==m?void 0:m.reviewedBy)||void 0===l?void 0:l.display_name,"\n </a>"),date:null==m?void 0:m.reviewedDate})}}),e.createElement("span",null)):void 0,isMobile:u}),e.createElement(y,null,e.createElement(De,{className:"heart-rate-cal",onSubmit:function(e){return e.preventDefault()},"data-is-side":s},e.createElement(et,{"data-is-side":s},e.createElement(tt,null,e.createElement(nt,{size:"md",name:"gender",label:E("bmi.selectGender"),CustomInput:e.createElement(en,{options:P,value:B,onChange:function(e){M(e),D([60])},className:"bmi--input-radio_gender"}),className:"bmi--input bmi--input-gender"}))),e.createElement(et,null,e.createElement(Mr,{info:p,locale:d,errorMessage:g,onChange:v})),e.createElement(gn,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:h.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},E("targetHeartRate.heartRateInput")),e.createElement("div",{style:{width:"100%",marginBottom:"12px"}},e.createElement(at,{className:"slider-heart-rate",min:"male"===B?j.rangeMale:j.rangeFemale,max:200,step:1,value:A,onChange:D})),k&&e.createElement(tt,null,e.createElement(rt,null,e.createElement(gn,{size:"label2",style:{display:"inline-block",fontWeight:"bold",color:h.colors.gray600,marginBottom:"9px"},htmlFor:"gender-selector"},E("targetHeartRate.selectActive")),e.createElement("div",{className:"card"},e.createElement(Br,{options:F.map((function(e){return{value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}})),value:N,onChange:function(e){z(e)},className:"gender-selector"})),N&&e.createElement("div",{className:"note"},e.createElement("img",{style:{height:"16px",width:"16px"},src:Xt.getAssetPath("/infoIcon.svg"),alt:""}),e.createElement(i,{size:"n1",color:"#595959"},null===(c=F[F.findIndex((function(e){return e.value==N}))||0])||void 0===c?void 0:c.content)),!N&&e.createElement("span",{style:{color:"#e64728"}},g.intensity)))),e.createElement("div",{style:{display:"flex"}},e.createElement(ot,{size:"lg",onClick:function(){f(B,N,A)},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:"https://".concat(Zt[d],"/").concat(w)},E("bmi.submit")))))},Ar=function(n){var o=n.info,l=n.className,c=n.style,d=n.onChange,m=n.errorMessage,u=void 0===m?{}:m,p=n.locale,g=n.onClick,v=n.isSide,f=Yt().t,E=t({age:!1,height:!1,weight:!1}),b=E[0],w=E[1],y=nn(p).getHealthToolLink,x=a((function(){return y(an.OVULATION)}),[y]),k=t("male"),C=k[0],L=k[1],N=a((function(){return[{value:"male",label:f("gender.male"),content:e.createElement($t.GenderChooseBoy,null)},{value:"female",label:f("gender.female"),content:e.createElement($t.GenderChooseGirl,null)}]}),[]),z=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},_=function(e){var t,n;n=function(e){w((function(e){return s(s({},e),{age:!0})}));var t=s(s({},o),{age:e});d&&d(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||n(t)};return r((function(){d&&d(s(s({},o),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),r((function(){w({age:!1,height:!1,weight:!1})}),[u]),e.createElement(lt,{style:c,className:l},e.createElement(it,{"data-is-side":v},e.createElement(ct,{size:"md",name:"gender",label:f("bmi.selectGender"),CustomInput:e.createElement(en,{options:N,value:C,onChange:function(e){return L(e)},className:"bmi--input-radio_gender ".concat(v?"bmi-side-embed":"")}),className:"bmi--input bmi--input-gender"})),e.createElement(st,{"data-is-side":v},e.createElement(it,null,e.createElement(tn.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray600},f("bmi.ageInput")," ",e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray300,as:"span"},f("bmi.ageInput.desc"))),placeholder:f("healthtool.placeholder.age"),value:Number(o.age)||0,onChange:function(e){return _(String(e))},error:b.age?"":u.age,min:0})),e.createElement(it,null,e.createElement(tn.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray600},f("bmi.heightInput")," ",e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray300,as:"span"},f("bmi.heightInput.desc"))),placeholder:f("pwg.placeholder.height"),value:Number(o.height)||0,onChange:function(e){return t=String(e),void z(t,(function(e){w((function(e){return s(s({},e),{height:!0})}));var t=s(s({},o),{height:e});d&&d(t)}));var t},error:b.height?"":u.height,min:0})),e.createElement(it,null,e.createElement(tn.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray600},f("bmi.weightInput")," ",e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray300,as:"span"},f("bmi.weightInput.desc"))),placeholder:f("pwg.placeholder.weight"),value:Number(o.weight)||0,onChange:function(e){return t=String(e),w((function(e){return s(s({},e),{weight:!0})})),void z(t,(function(e){var t=s(s({},o),{weight:e});d&&d(t)}));var t},error:b.weight?"":u.weight,min:0,precision:1}))),e.createElement("div",{style:{display:"flex"}},e.createElement(dt,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:"https://".concat(Zt[p],"/").concat(x),onClick:function(){g(C)}},f("bmi.submit"))))},Dr=function(t){var n,a,r,o=t.isSide,l=t.locale,c=t.bmrContent,s=t.isMobile,d=t.info,m=t.inputErrorMessage,u=t.onFormChange,p=t.onSubmit,g=Yt().t;return e.createElement(Se,{"data-is-side":o},e.createElement(Ae,{isSide:o,bannerUrl:Xt.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==c?void 0:c.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:g("bmr.heading"),medicalReview:(null===(n=null==c?void 0:c.reviewBy)||void 0===n?void 0:n.reviewer)?e.createElement(i,{size:"n1",color:h.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:g("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null===(a=null==c?void 0:c.reviewBy)||void 0===a?void 0:a.link)||"#",'"\n >\n ').concat(c.reviewBy.reviewer,"\n </a>"),date:null===(r=null==c?void 0:c.reviewBy)||void 0===r?void 0:r.date})}}),e.createElement("span",null)):void 0,isMobile:s}),e.createElement(y,null,e.createElement(De,{onSubmit:function(e){return e.preventDefault()},"data-is-side":o},e.createElement(mt,null,e.createElement(Ar,{info:d,locale:l,errorMessage:m,onChange:u,onClick:p,isSide:o})))))},Ir=function(t){var n=t.src,a=t.title,r=t.backgroundSrc,o=t.className,l=t.reviewedSection,i=t.isAmp,c=t.isSide;return e.createElement(ut,{className:o},e.createElement(pt,{style:{backgroundImage:'url("'.concat(r,'")')}},e.createElement(gt,{"data-is-side":c},e.createElement(ht,{"data-is-side":c},e.createElement(x,{tag:"h4",color:"white"},a),l),e.createElement(vt,null,i?e.createElement("amp-img",{src:n||"",alt:a,width:"140",height:"140"}):e.createElement("img",{src:n||"",style:{objectFit:"contain"},alt:a})))))},jr=function(t){var n,a,r,o=t.backgroundDesktopSrc,l=t.backgroundMobileSrc,c=t.title,s=t.className,d=t.isSide,m=t.isAmp,u=t.ovulationContent,p=Yt().t,g=dn(null==u?void 0:u.reviewed_by);return e.createElement(ft,{className:s,"data-is-side":d},e.createElement(Et,{style:{backgroundImage:"url('".concat(l||o,"')")}},e.createElement(bt,null,e.createElement(x,{tag:"h5",color:"white"},c),(null===(n=null==u?void 0:u.reviewed_by)||void 0===n?void 0:n.display_name)?e.createElement(i,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},e.createElement("span",{dangerouslySetInnerHTML:{__html:p("articlePage.articleReviewerBy",{name:'<a\n style="color: white"\n href="'.concat(g,'"\n >\n ').concat(u.reviewed_by.display_name,"\n </a>")})}}),e.createElement("span",null,p("tools.heading.on")),e.createElement("span",null,null==u?void 0:u.reviewed_date)):null),e.createElement(wt,{"data-is-side":d},m?e.createElement("amp-img",{src:(null==u?void 0:u.featured_image)||"",alt:c,width:"100%",height:"100%"}):e.createElement("img",{src:(null==u?void 0:u.featured_image)||"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:c}))),e.createElement(Ir,{className:"desktop-only",src:(null==u?void 0:u.featured_image)||"",backgroundSrc:o||l||"",title:c,reviewedSection:(null===(a=null==u?void 0:u.reviewed_by)||void 0===a?void 0:a.display_name)&&""!==(null===(r=null==u?void 0:u.reviewed_by)||void 0===r?void 0:r.display_name)&&e.createElement(i,{size:"n1",color:h.colors.white,style:{marginTop:12}},e.createElement("span",{dangerouslySetInnerHTML:{__html:p("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(g,'"\n >\n ').concat(u.reviewed_by.display_name,"\n </a>"),date:null==u?void 0:u.reviewed_date})}}),e.createElement("span",null)),isSide:d}))},Hr=function(t){var n=t.onSubmitOvulation,a=t.locale,r=t.ovulationPageInfo,o=t.ovulationContent,l=t.isSide,i=void 0!==l&&l,c=Yt().t,s=mn(r||null);return e.createElement(Se,{"data-is-side":i},e.createElement(jr,{backgroundDesktopSrc:Xt.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:Xt.getAssetPath("embedToolBannerPink.svg"),title:c("healthTools.ovulationCalculator"),reviewedBy:s.reviewedBy,reviewedDate:s.reviewedDate,ovulationContent:o,isSide:i}),e.createElement(y,null,e.createElement(De,{onSubmit:function(e){return e.preventDefault()},className:"ovulation-cal","data-is-side":i},e.createElement(yt,{locale:a,onSubmitOvulation:n,isSide:i}))))},Tr=function(a){var o=a.info,l=a.onChange,i=a.errorMessage,c=void 0===i?{}:i,d=Yt().t,m=t({weightBefore:!1,height:!1,weight:!1}),u=m[0],p=m[1],g=t(0),v=g[0],f=g[1],E=n(null);r((function(){f(E.current.clientHeight)}));var b=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)};return r((function(){l&&l(s({},o))}),[]),r((function(){p({weightBefore:!1,height:!1,weight:!1})}),[c]),e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg"},e.createElement(_n,{placeholder:d("pwg.placeholder.height"),className:"input-section",label:e.createElement("span",{style:{color:h.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},d("pregnancyWeightGain.heightInput")," ",e.createElement("span",{style:{color:"".concat(h.colors.gray300)}},d("bmi.heightInput.desc"))),errorMessage:u.height?"":null==c?void 0:c.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==o?void 0:o.height,onChange:function(e){b(e,(function(e){p((function(e){return s(s({},e),{height:!0})}));var t=s(s({},o),{height:e});l&&l(t)}))}})),e.createElement("div",{className:"input-form-pwg"},e.createElement(_n,{placeholder:d("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:h.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:E,className:"label-text"},d("pregnancyWeightGain.weightBeforeInput")," ",e.createElement("span",{style:{color:"".concat(h.colors.gray300)}},d("pregnancyWeightGain.weightInput.desc"))),errorMessage:u.weightBefore?"":null==c?void 0:c.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:function(e){b(e,(function(e){p((function(e){return s(s({},e),{weightBefore:!0})}));var t=s(s({},o),{weightBefore:e});l&&l(t)}))},value:null==o?void 0:o.weightBefore})),e.createElement("div",{className:"input-form-pwg"},e.createElement(_n,{placeholder:d("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:h.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:v},className:"label-text"},d("pregnancyWeightGain.weightInput")," ",e.createElement("span",{style:{color:"".concat(h.colors.gray300)}},d("pregnancyWeightGain.weightInput.desc"))),errorMessage:u.weight?"":null==c?void 0:c.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==o?void 0:o.weight,onChange:function(e){b(e,(function(e){p((function(e){return s(s({},e),{weight:!0})}));var t=s(s({},o),{weight:e});l&&l(t)}))}})))},Fr=function(n){var r,o,l=n.locale,c=n.onClick,s=n.inputErrorMessage,m=n.pwgContent,u=n.onFormChange,p=n.info,g=n.isMobile,v=n.isSide,f=void 0!==v&&v,E=Yt().t,b=t("notwins"),x=b[0],k=b[1],C=t({label:"1",value:1}),L=C[0],N=C[1],z=a((function(){return d([],Array(40),!0).map((function(e,t){return{label:"".concat(t+1),value:"".concat(t+1)}}))}),[]),_=nn(l).getHealthToolLink,B=a((function(){return _(an.PWG)}),[_]),M=(null===(r=null==m?void 0:m.reviewedBy)||void 0===r?void 0:r.display_name)?e.createElement(i,{size:"n1",color:h.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:E("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(dn(null==m?void 0:m.reviewedBy),'"\n >\n ').concat(null===(o=null==m?void 0:m.reviewedBy)||void 0===o?void 0:o.display_name,"\n </a>"),date:null==m?void 0:m.reviewedDate})}}),e.createElement("span",null)):void 0;return e.createElement(Se,{"data-is-side":f},e.createElement(Ae,{bannerUrl:Xt.getAssetPath("embedToolBannerPink.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:m.featuredImage,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:E("pregnancyWeightGain.heading"),medicalReview:M,isMobile:g,isSide:f}),e.createElement(y,null,e.createElement(De,{onSubmit:function(e){return e.preventDefault()},className:"pwg-view-mobile","data-is-side":f},e.createElement(xt,{className:"hide-asking-mobile","data-is-side":f},e.createElement(gn,{size:"label2",style:{display:"block",fontWeight:"bold",color:h.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},E("pregnancyWeightGain.havingTwins")),e.createElement(kt,{options:[{value:"twins",label:E("switchBtn.yes")},{value:"notwins",label:E("switchBtn.no")}],value:x,onChange:function(e){return k(e)},className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),e.createElement(Ct,null,e.createElement(Lt,{className:"input-section input-form-pwg","data-is-side":f},e.createElement(gn,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:h.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},E("pregnancyWeightGain.weekInput")),e.createElement(Vt,{options:z,placeholder:String(L.label),id:"weight-gain-dropdown",size:"md",value:L,onChange:function(e){return N({label:e.label,value:e.value})}})),e.createElement(Tr,{info:p,errorMessage:s,onChange:u})),e.createElement(xt,{className:"hide-asking-desk","data-is-side":f},e.createElement(gn,{size:"label2",style:{display:"block",fontWeight:"bold",color:h.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},E("pregnancyWeightGain.havingTwins")),e.createElement(kt,{options:[{value:"twins",label:E("switchBtn.yes")},{value:"notwins",label:E("switchBtn.no")}],value:x,onChange:function(e){return k(e)},className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),e.createElement(Nt,{"data-is-side":f},e.createElement(w,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:"https://".concat(Zt[l],"/").concat(B),className:"due-date-calculate-button",size:"lg",color:"primary",onClick:function(){return c(x,L.value)},role:"button"},E("dueDatePage.lastPeriod.calculate"))))))},Pr=function(t){var n=t.ampNextArticles,a=(null==n?void 0:n.filter(Boolean))||[];if(!(null==a?void 0:a.length))return null;return e.createElement("amp-next-page",null,e.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(a.map((function(e){return{image:e.image||"",title:e.title?JSON.stringify(e.title):"",url:e.link||""}})))}}),e.createElement("div",s({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))},Wr=function(){return"undefined"!=typeof window&&window.innerWidth<E.BREAK_POINT_MOBILE},Rr=function(){return"undefined"!=typeof window&&window.innerWidth>=E.BREAK_POINT_MOBILE&&window.innerWidth<E.BREAK_POINT_PC};var Vr={"en-PH":Mn,"vi-VN":An,"zh-TW":Dn,"id-ID":Sn};function Gr(n){var o=n.value,l=void 0===o?{from:null,to:null}:o,i=t(null),c=i[0],d=i[1],m=function(){var e=t(Wr()),n=e[0],a=e[1],o=t(Rr()),l=o[0],i=o[1];return r((function(){var e=function(){a(Wr()),i(Rr())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:n,isLargeMobile:l}}().isMobile,u=t((function(){return l})),p=u[0],g=u[1],h=t((function(){var e;return En(null!==(e=l.from)&&void 0!==e?e:new Date)})),v=h[0],f=h[1],E=a((function(){return bn(v,1)}),[v]);var b=s(s({},n),{goToNextMonth:function(){f((function(e){return bn(e,1)}))},goToPreviousMonth:function(){f((function(e){return wn(e,1)}))},range:p,setRange:g,hoverDay:c,setHoverDay:d});return e.createElement(e.Fragment,null,e.createElement(Or,s({},b,{date:v})),!m&&e.createElement(zt,null),!m&&e.createElement(Or,s({},b,{date:E})))}function Or(t){var n=t.date,o=t.range,l=t.setRange,i=t.onChange,c=t.goToPreviousMonth,d=t.goToNextMonth,m=t.minDate,u=t.maxDate,p=t.close,g=void 0===p?function(){}:p,h=t.autoClose,v=void 0!==h&&h,f=t.hoverDay,E=t.setHoverDay,b=Yt().locale,y=a((function(){var e;return null!==(e=Vr[b])&&void 0!==e?e:Vr["en-PH"]}),[b]),x=a((function(){return vn(n,"MMMM",{locale:y})}),[n,y]),k=a((function(){return y?[1,2,3,4,5,6,0].map((function(e){return y.localize.day(e,{width:"narrow"})})):[]}),[y]);function C(t,n){if(null===t)return e.createElement(Ht,{key:"idx-".concat(n),"data-empty":"true"});var a=t.getDate(),r=xn(t),i=!!o.from&&kn(o.from,t),c=!!o.to&&kn(o.to,t),d=i||c,p=!1;null!==f&&o.from&&fn(o.from,f)&&!o.to?p=Cn(t,{start:o.from,end:f}):o.from&&o.to&&(p=Cn(t,{start:o.from,end:o.to}));var h=!1;return m&&u?h=!Cn(t,{start:m,end:u}):m?h=fn(t,m):u&&(h=Ln(t,u)),e.createElement(Ht,{key:a,"data-is-today":r,"data-is-past":!r&&Nn(t),"data-is-selected":d,"data-is-disabled":h,"data-in-range":p,"data-is-from":i,"data-is-to":c,onMouseEnter:function(){E(t)},onMouseLeave:function(){return E(null)},onClick:function(){h||l((function(e){return v&&o.from&&!o.to&&g(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?fn(e,t.from)?s(s({},t),{from:e}):s(s({},t),{to:e}):t:s(s({},t),{from:e})}(t,e)}))}},e.createElement(Tt,{onClick:function(){}},e.createElement("p",null,a)))}return r((function(){o.from&&o.to&&i(o)}),[o]),e.createElement(_t,{className:"calendar-wrapper"},e.createElement(Bt,null,e.createElement(w,{onClick:c,size:"md",color:"ghost",icon:e.createElement("img",{src:Xt.getAssetPath("calendarArrowLeft.svg")})}),e.createElement("div",{className:"calendar-month"},x,e.createElement("strong",null,vn(n,"yyyy"))),e.createElement(w,{onClick:d,size:"md",color:"ghost",icon:e.createElement("img",{src:Xt.getAssetPath("calendarArrowRight.svg")})})),e.createElement(Mt,null,e.createElement("div",null,e.createElement(St,null,k.map((function(t,n){return e.createElement(At,{key:"".concat(t,"-").concat(n)},t)})))),e.createElement("div",null,function(){for(var t=n.getFullYear(),a=n.getMonth(),r=yn(n),l=[],i=1;i<=r;i++)l.push(new Date(t,a,i));var c=l[0]?l[0].getDay():0;if(1!==c){var s=0===c?6:c-1;for(i=0;i<s;i++)l.unshift(null)}return e.createElement(Dt,{key:"month-".concat(a),"data-month-index":a,"data-has-range":Boolean(o.from&&o.to)},e.createElement(It,null,e.createElement(jt,null,l.map(C))))}())))}function Zr(r){var o=r.inputSize,l=void 0===o?"md":o,i=r.name,c=void 0===i?"date-range-picker":i,s=r.value,d=r.minDate,m=r.maxDate,u=r.onChange,p=r.className,g=r.autoClose,h=void 0!==g&&g;s||(s={from:null,to:null});var v=t(!1),f=v[0],E=v[1];function b(){E(!1)}var w=n(null);function y(e){u&&u(e)}function x(e){return vn(e,"dd/MM/yyyy")}Bn(w,(function(){b()}));var k=a((function(){return s.from&&s.to?kn(s.from,s.to)?x(s.from):"".concat(x(s.from)," - ").concat(x(s.to)):""}),[s.from,s.to]);return e.createElement(Ft,{className:[p,f&&"focused"].filter(Boolean).join(" "),ref:w},e.createElement("label",{htmlFor:c},e.createElement(_n,{size:l,value:k,name:c,actionIcon:e.createElement("img",{src:Xt.getAssetPath("calendar.svg")}),onFocus:function(){return E(!0)}})),f?e.createElement(Pt,{onMouseDown:function(e){e.stopPropagation()}},e.createElement(Gr,{value:s,onChange:y,minDate:d,maxDate:m,close:b,autoClose:h})):null)}var Ur=function(){return e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},qr=function(t){var n=t.url,a=t.onCopied,r=t.locale,o=Yt().t,l=In(n||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(r)}));return e.createElement(Wt,null,e.createElement(i,{size:"p3",color:h.colors.gray800},o("shareContainer.title")),e.createElement("div",{className:"icon-group"},l.map((function(t,n){return e.createElement("a",{key:n,href:t.href,target:"_blank",rel:"noreferrer"},t.icon)})),e.createElement(w,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(Ur,null),onClick:function(){return u(void 0,void 0,void 0,(function(){var e;return p(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(n)];case 1:return t.sent(),null==a||a(),[2]}}))}))}})))},Kr=function(){return e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},e.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"}))},Yr=function(t){var n=t.open,a=t.title,o=t.onClose,c=t.onCopied,d=t.onShared,g=t.url,v=t.locale,f=m(t,["open","title","onClose","onCopied","onShared","url","locale"]),E=Yt().t,b=l((function(){return u(void 0,void 0,void 0,(function(){var e;return p(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(g)];case 1:return t.sent(),null==c||c(),[2]}}))}))}),[g,c]),y=In(g||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(v)}));return r((function(){n&&navigator.share&&navigator.share({title:null!=a?a:"Read This Post",url:g}).then((function(){null==d||d()})).catch((function(){null==o||o()}))}),[g,a,d,n]),"undefined"!=typeof navigator&&navigator.share?null:e.createElement(Rt,s({title:E("share.title"),onClose:o,open:n,placement:"bottom"},f),e.createElement("div",{className:"share-container"},e.createElement("div",{className:"icon-container"},e.createElement(i,{type:"semiBold",size:"s3",color:h.colors.gray600},E("share.title")),e.createElement("div",{className:"icon-group"},y.map((function(t,n){return e.createElement("a",{key:n,href:t.href,target:"_blank",rel:"noreferrer"},t.icon)})))),e.createElement("div",{className:"link-container"},e.createElement(i,{type:"semiBold",size:"s3",color:h.colors.gray600},E("share.copyLink")),e.createElement("div",{className:"input-group"},e.createElement(zn,{name:"link",size:"md",value:g,isDisabled:!0}),e.createElement(w,{size:"md",type:"button",color:"tertiary",icon:e.createElement(Kr,null),onClick:b})))))};export{ma as A,pa as B,Ua as C,kr as D,Pr as E,ya as F,ka as G,Zr as H,sr as I,qr as J,Yr as K,Hr as O,_a as P,$a as R,Ma as S,Aa as T,Wa as U,ha as a,Fa as b,Za as c,Ka as d,tr as e,rr as f,lr as g,ir as h,cr as i,dr as j,mr as k,pr as l,hr as m,vr as n,fr as o,Er as p,br as q,wr as r,yr as s,xr as t,Nr as u,zr as v,_r as w,Sr as x,Dr as y,Fr as z};
1
+ import e,{useState as t,useRef as n,useMemo as a,useEffect as r,Fragment as o,useCallback as l}from"react";import{T as i}from"./index-db100bfe.js";import{_ as c,a as s,b as d,c as m,d as u,e as p}from"./tslib.es6-44f7e5ec.js";import g from"styled-components";import{t as h}from"./theme-a50a1aa5.js";import{M as v,f,B as E}from"./utils-11febb09.js";import{g as b}from"./defaultClassWrapper-4144361d.js";import{B as w}from"./index-c4be547e.js";import{C as y}from"./index-34929038.js";import{H as x}from"./index-6ebadd9f.js";import{f as k,g as C,h as L,i as N,j as z,k as _,l as B,m as M,n as S,o as A,p as D,q as I,r as j,s as H,t as T,u as F,v as P,w as W,x as R,y as V,z as G,A as O,B as Z,C as U,E as q,U as K,F as Y,G as X,H as J,I as Q,J as $,K as ee,L as te,N as ne,O as ae,Q as re,V as oe,W as le,X as ie,Y as ce,Z as se,_ as de,$ as me,a0 as ue,a1 as pe,a2 as ge,a3 as he,a4 as ve,a5 as fe,a6 as Ee,a7 as be,a8 as we,a9 as ye,aa as xe,ab as ke,ac as Ce,ad as Le,ae as Ne,af as ze,ag as _e,ah as Be,ai as Me,aj as Se,e as Ae,ak as De,al as Ie,am as je,an as He,ao as Te,ap as Fe,a as Pe,aq as We,ar as Re,as as Ve,at as Ge,au as Oe,av as Ze,aw as Ue,ax as qe,ay as Ke,az as Ye,aA as Xe,aB as Je,D as Qe,aC as $e,aD as et,aE as tt,aF as nt,S as at,aG as rt,aH as ot,aI as lt,aJ as it,aK as ct,aL as st,aM as dt,aN as mt,aO as ut,aP as pt,aQ as gt,aR as ht,aS as vt,aT as ft,aU as Et,aV as bt,aW as wt,aX as yt,aY as xt,aZ as kt,a_ as Ct,a$ as Lt,b0 as Nt,b1 as zt,b2 as _t,b3 as Bt,b4 as Mt,b5 as St,b6 as At,b7 as Dt,b8 as It,b9 as jt,ba as Ht,bb as Tt,bc as Ft,bd as Pt,be as Wt,bf as Rt}from"./index-e9896017.js";import{D as Vt}from"./index-509de1e7.js";import Gt from"lodash/throttle";import{useKeenSlider as Ot}from"keen-slider/react";import{d as Zt,L as Ut,F as qt}from"./index-9dd60ba6.js";import{i as Kt}from"./isProduction-6fc0946c.js";import{u as Yt}from"./useTranslations-b3eb31ef.js";import{CommonGAssets as Xt}from"./gAssets.js";import{useForm as Jt,Controller as Qt}from"react-hook-form";import{I as $t,R as en}from"./index-80bee14c.js";import{I as tn}from"./index-129f52d4.js";import{u as nn}from"./useHealthToolCache-9718433c.js";import{H as an,b as rn,g as on,d as ln,e as cn}from"./utils-13b25141.js";import{f as sn,a as dn,b as mn}from"./index-00262df6.js";import{Container as un}from"@mantine/core";import{L as pn}from"./Locale-69030fff.js";import{L as gn}from"./index-64080428.js";import{addDays as hn,format as vn,isBefore as fn,startOfMonth as En,addMonths as bn,subMonths as wn,getDaysInMonth as yn,isToday as xn,isSameDay as kn,isWithinInterval as Cn,isAfter as Ln,isPast as Nn}from"date-fns";import{I as zn}from"./index-fac4e2c1.js";import{P as _n}from"./index.styled-9ccca63b.js";import{u as Bn}from"./useOutsideClick-6004483a.js";import Mn from"date-fns/locale/en-US";import Sn from"date-fns/locale/id";import An from"date-fns/locale/vi";import Dn from"date-fns/locale/zh-TW";import{g as In}from"./getSocialList-8f93036b.js";var jn,Hn,Tn,Fn,Pn,Wn,Rn,Vn,Gn,On,Zn,Un,qn,Kn,Yn,Xn,Jn,Qn,$n,ea,ta,na,aa,ra,oa,la,ia,ca=g.div(jn||(jn=c(["\n display: flex;\n overflow: auto;\n width: 100%;\n box-sizing: border-box;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-left: 4px solid ",";\n background: ",";\n\n &[data-alert-type='danger'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='warning'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='blue'] {\n border-left-color: ",";\n background: ",";\n }\n"],["\n display: flex;\n overflow: auto;\n width: 100%;\n box-sizing: border-box;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-left: 4px solid ",";\n background: ",";\n\n &[data-alert-type='danger'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='warning'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='blue'] {\n border-left-color: ",";\n background: ",";\n }\n"])),(function(e){return e.theme.colors.success}),(function(e){return e.theme.colors.green50}),(function(e){return e.theme.colors.red500}),(function(e){return e.theme.colors.red50}),(function(e){return e.theme.colors.yellow500}),(function(e){return e.theme.colors.yellow50}),(function(e){return e.theme.colors.blue500}),(function(e){return e.theme.colors.blue50})),sa=g.div(Hn||(Hn=c(["\n .icon-title {\n display: flex;\n align-items: center;\n }\n\n svg,\n img {\n margin-right: 8px;\n }\n"],["\n .icon-title {\n display: flex;\n align-items: center;\n }\n\n svg,\n img {\n margin-right: 8px;\n }\n"]))),da=g.div(Tn||(Tn=c(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),ma=function(t){var n=t.style,a=t.onClose,r=t.text,o=t.type,l=t.contentIcon,c=t.closeIcon,s=t.className,d=t.description;return e.createElement(ca,{style:n,"data-alert-type":o,className:s},e.createElement(sa,null,e.createElement("div",{className:"icon-title"},l,e.createElement(i,{type:"bold",size:"label1"},r)),e.createElement(i,{type:"regular",size:"p3"},d)),e.createElement(da,{onClick:a},c))},ua=g.div(Fn||(Fn=c(["\n position: relative;\n\n > div {\n width: max-content;\n position: relative;\n }\n\n span {\n font-weight: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ","\n }\n\n ","\n"],["\n position: relative;\n\n > div {\n width: max-content;\n position: relative;\n }\n\n span {\n font-weight: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ","\n }\n\n ","\n"])),(function(e){return e.theme.sizes.fwBold}),(function(e){return function(e,t,n,a){var r="";if("numeric"===e)switch(t){case"medium":r="\n height: 16px;\n font-size: 11px;\n padding: 1px 6px;\n ";case"large":r="\n height: 24px;\n font-size: 13px;\n padding: 1px 10px;\n "}var o,l="";n&&(l="\n position: absolute;\n top: 0;\n left: 75%;\n "),n&&(o="\n left: 70%;\n\n ".concat("large"===t?"\n top: -7px;\n ":"medium"===t?"\n top: -2px;\n width: 16px;\n height: 16px;\n ":"","\n "));var i="";switch(a){case"primary":i="\n background: ".concat(h.colors.blue50,";\n color: ").concat(h.colors.blue600,"; \n ");break;case"error":i="\n background: ".concat(h.colors.error,";\n color: white;\n ")}switch(e){case"dot":return"\n ".concat(l,"\n width: 8px;\n height: 8px;\n font-size: 0px;\n border-radius: 50%;\n ").concat(i,"\n ");case"numeric":return"\n ".concat(l,"\n width: max-content;\n border-radius: 32px;\n ").concat(r,"\n ").concat(o,"\n ").concat(i,"\n ")}}(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)}),(function(e){return e.hasIcon&&"\n svg {\n width: 40px;\n height: 40px;\n }\n "})),pa=function(t){var n=t.amount,a=t.type,r=t.size,o=void 0===r?"medium":r,l=t.color,i=void 0===l?"primary":l,c=t.icon,s=t.className;return e.createElement(ua,{"data-notification-type":a,"data-notification-size":o,"data-notification-color":i,"data-has-icon":!!c||void 0,notificationType:a,notificationSize:o,notificationColor:i,hasIcon:!!c,className:s},e.createElement("div",null,n&&e.createElement("span",null,n)," ",c&&e.createElement("div",null,c)))},ga=g.h4(Pn||(Pn=c(["\n position: relative;\n line-height: 18px;\n\n &:after {\n position: absolute;\n top: 1px;\n left: 0;\n width: 4px;\n height: 18px;\n background-color: ",";\n content: '';\n }\n\n &[data-size='lg'] {\n font-size: 18px;\n padding-left: 12px;\n }\n\n &[data-size='sm'] {\n font-size: 14px;\n padding-left: 8px;\n\n &::after {\n width: 2px;\n height: 15px;\n }\n }\n\n &[data-type='bold'] {\n font-weight: ",";\n }\n &[data-type='semiBold'] {\n font-weight: ",";\n }\n\n &[data-uppercase] {\n text-transform: uppercase;\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n }\n }\n"],["\n position: relative;\n line-height: 18px;\n\n &:after {\n position: absolute;\n top: 1px;\n left: 0;\n width: 4px;\n height: 18px;\n background-color: ",";\n content: '';\n }\n\n &[data-size='lg'] {\n font-size: 18px;\n padding-left: 12px;\n }\n\n &[data-size='sm'] {\n font-size: 14px;\n padding-left: 8px;\n\n &::after {\n width: 2px;\n height: 15px;\n }\n }\n\n &[data-type='bold'] {\n font-weight: ",";\n }\n &[data-type='semiBold'] {\n font-weight: ",";\n }\n\n &[data-uppercase] {\n text-transform: uppercase;\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n }\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.sizes.fwSemiBold}),v.mbDown),ha=function(t){var n=t.style,a=t.children,r=t.className,o=t.size,l=void 0===o?"lg":o,i=t.type,c=void 0===i?"bold":i,d=t.upperCase,m=t.as,u=void 0===m?"h4":m,p=t.color;return e.createElement(ga,{style:s({color:p},n),className:r,"data-size":l,"data-type":c,"data-uppercase":d,as:u},a)},va=g.div(Wn||(Wn=c(["\n position: relative;\n box-sizing: border-box;\n border: 1px solid ",";\n background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n background-position: right 16px center;\n border-radius: 6px;\n\n &[data-has-icons='true'] {\n border: none;\n background: ",";\n\n img,\n svg {\n display: inline-block;\n max-width: 16px;\n margin-right: 6px;\n }\n\n span {\n vertical-align: middle;\n display: inline-block;\n }\n\n &:hover {\n box-shadow: none;\n }\n > div {\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n }\n > div::after {\n content: '';\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n width: 10px;\n height: 8px;\n position: absolute;\n background-repeat: no-repeat;\n transform: translateY(-50%);\n }\n }\n\n &:hover {\n box-shadow: 0 0 2px 2px ",";\n }\n"],["\n position: relative;\n box-sizing: border-box;\n border: 1px solid ",";\n background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n background-position: right 16px center;\n border-radius: 6px;\n\n &[data-has-icons='true'] {\n border: none;\n background: ",";\n\n img,\n svg {\n display: inline-block;\n max-width: 16px;\n margin-right: 6px;\n }\n\n span {\n vertical-align: middle;\n display: inline-block;\n }\n\n &:hover {\n box-shadow: none;\n }\n > div {\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n }\n > div::after {\n content: '';\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n width: 10px;\n height: 8px;\n position: absolute;\n background-repeat: no-repeat;\n transform: translateY(-50%);\n }\n }\n\n &:hover {\n box-shadow: 0 0 2px 2px ",";\n }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.blue200})),fa=g.div(Rn||(Rn=c(["\n padding: 12px 18px 12px 16px;\n cursor: pointer;\n &[data-dropdown-open] {\n padding: 11px 15px 11px 15px;\n border: 1px solid ",";\n border-radius: 6px;\n box-shadow: 0 0 2px 2px ",";\n }\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"],["\n padding: 12px 18px 12px 16px;\n cursor: pointer;\n &[data-dropdown-open] {\n padding: 11px 15px 11px 15px;\n border: 1px solid ",";\n border-radius: 6px;\n box-shadow: 0 0 2px 2px ",";\n }\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue200})),Ea=g.ul(Vn||(Vn=c(["\n position: absolute;\n top: 100%;\n right: 0;\n left: 0;\n display: block;\n margin-top: 4px;\n background: ",";\n border-radius: 6px;\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n cursor: pointer;\n\n &[data-has-icons='true'] {\n background: white;\n box-shadow: none;\n border: 1px solid ",";\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n }\n"],["\n position: absolute;\n top: 100%;\n right: 0;\n left: 0;\n display: block;\n margin-top: 4px;\n background: ",";\n border-radius: 6px;\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n cursor: pointer;\n\n &[data-has-icons='true'] {\n background: white;\n box-shadow: none;\n border: 1px solid ",";\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.gray200})),ba=g.li(Gn||(Gn=c(["\n margin: 8px;\n padding: 12px 18px 12px 16px;\n border-radius: 6px;\n display: flex;\n &:hover,\n :active {\n background: ",";\n }\n"],["\n margin: 8px;\n padding: 12px 18px 12px 16px;\n border-radius: 6px;\n display: flex;\n &:hover,\n :active {\n background: ",";\n }\n"])),(function(e){return e.theme.colors.gray100})),wa=g.div(On||(On=c(["\n display: flex;\n align-items: center;\n margin-right: 8px;\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"],["\n display: flex;\n align-items: center;\n margin-right: 8px;\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"]))),ya=function(a){var r=a.className,o=a.value,l=a.options,i=a.onUploadSelected,c=a.id,s=a.placeholderIcon,d=a.placeholder,m=a.style,u=t(!1),p=u[0],g=u[1],h=function(){return g(!p)},v=n(l.map((function(t){return"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+c+"-"+t.value,key:"uploader-dropdown-input-"+c+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),i(e.target.files)}})}))),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)"}))),E=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)"})),b=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(va,{className:r,"data-dropdown-open":!!p,id:c,"data-has-icons":!0,style:m,onBlur:function(){return g(!1)},tabIndex:0},e.createElement(fa,{onClick:h},s||f," ",e.createElement("span",null,o&&o.value?o.label:d)),p&&e.createElement(Ea,{onClick:h,"data-has-icons":!0},l.map((function(t){return e.createElement(ba,{key:"".concat(c,"-").concat(t.value),"data-selected":o&&o.value===t.value||void 0,onClick:function(){return"upload"===t.type?function(e){var t;null===(t=document.querySelector(e))||void 0===t||t.click()}("#uploader-dropdown-input-"+c+"-"+t.value):void((e=t.url)&&window.open(e,"_blank"));var e}},e.createElement(wa,null,t.icon||"download"===t.type?E:b),t.label)}))),e.createElement(e.Fragment,null,v.current))},xa=g.div(Zn||(Zn=c(["\n --columns-count: ",";\n --columns-count-desktop: ",";\n\n --grid-template-columns: ",";\n --grid-template-columns-desktop: ",";\n\n --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));\n --columns-desktop: var(--grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr));\n\n --justify-children: ",";\n --grid-gap: ",";\n --align-items: ",";\n\n display: grid;\n grid-template-columns: var(--columns);\n grid-gap: var(--grid-gap);\n align-items: var(--align-items);\n\n "," {\n grid-template-columns: var(--columns-desktop);\n }\n\n > * {\n justify-self: var(--justify-children);\n }\n"],["\n --columns-count: ",";\n --columns-count-desktop: ",";\n\n --grid-template-columns: ",";\n --grid-template-columns-desktop: ",";\n\n --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));\n --columns-desktop: var(--grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr));\n\n --justify-children: ",";\n --grid-gap: ",";\n --align-items: ",";\n\n display: grid;\n grid-template-columns: var(--columns);\n grid-gap: var(--grid-gap);\n align-items: var(--align-items);\n\n "," {\n grid-template-columns: var(--columns-desktop);\n }\n\n > * {\n justify-self: var(--justify-children);\n }\n"])),(function(e){return e.theme.columns}),(function(e){return e.theme.columnsDesktop}),(function(e){return e.theme.gridTemplateColumns}),(function(e){return e.theme.gridTemplateColumnsDesktop}),(function(e){return e.theme.justifyChildren}),(function(e){return e.theme.gap}),(function(e){return e.theme.alignItems}),v.tdUp),ka=function(t){var n=t.className,a=t.columns,r=t.columnsDesktop,o=t.gridTemplateColumns,l=t.gridTemplateColumnsDesktop,i=t.gap,c=t.children,s=t.justifyChildren,d=t.style,m=t.alignItems;return e.createElement(xa,{className:n,style:d,theme:{columns:a,columnsDesktop:r,gap:i,justifyChildren:s,gridTemplateColumns:o,gridTemplateColumnsDesktop:l,alignItems:m}},c)},Ca=g.div(Un||(Un=c(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n li {\n transition: all 0.3s ease;\n }\n [data-page-active] {\n background: ",";\n color: ",";\n\n > a {\n color: ",";\n }\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n li {\n transition: all 0.3s ease;\n }\n [data-page-active] {\n background: ",";\n color: ",";\n\n > a {\n color: ",";\n }\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.white})),La=g.div(qn||(qn=c(["\n display: flex;\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n &[data-last-page] {\n border: none;\n background-color: ",";\n cursor: not-allowed;\n pointer-events: none;\n\n svg {\n path {\n stroke: ",";\n }\n }\n }\n"],["\n display: flex;\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n &[data-last-page] {\n border: none;\n background-color: ",";\n cursor: not-allowed;\n pointer-events: none;\n\n svg {\n path {\n stroke: ",";\n }\n }\n }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.gray300})),Na=g.li(Kn||(Kn=c(["\n display: flex;\n width: 32px;\n height: 32px;\n align-items: center;\n justify-content: center;\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n > a {\n color: ",";\n text-decoration: unset;\n display: block;\n width: 100%;\n height: 100%;\n line-height: 32px;\n text-align: center;\n }\n"],["\n display: flex;\n width: 32px;\n height: 32px;\n align-items: center;\n justify-content: center;\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n > a {\n color: ",";\n text-decoration: unset;\n display: block;\n width: 100%;\n height: 100%;\n line-height: 32px;\n text-align: center;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.gray800})),za=function(n){var a=n.pagesAmount,l=n.activePage,i=n.handlePageChange,c=n.handleClick,s=n.href,m=n.queryPageName,u=void 0===m?"page":m,p=d([],Array(a),!0).map((function(e,t){return t+1})),g=t(l<=4?p.slice(0,5):l>=p.length-3?p.slice(p.length-5,p.length):p.slice(l-2,l+1)),h=g[0],v=g[1];return r((function(){l<=4?v(p.slice(0,5)):l>=p.length-3?v(p.slice(p.length-5,p.length)):v(p.slice(l-2,l+1))}),[l]),e.createElement(o,null,l>4&&e.createElement(o,null,e.createElement(Na,{onClick:function(){return i(1)}},s?e.createElement("a",{href:s,onClick:c},1):1),e.createElement(Na,null,"...")),h.map((function(t){return e.createElement(Na,{key:"".concat("pagination","+").concat(t),"data-page-active":t===l||void 0,onClick:function(){return i(t)}},s?e.createElement("a",{href:f(s,t,u),onClick:c},t):t)})),l<p.length-3&&e.createElement(o,null,e.createElement(Na,null,"..."),e.createElement(Na,{onClick:function(){return i(p.length)}},s?e.createElement("a",{href:f(s,p.length,u),onClick:c},p.length):p.length)))},_a=function(n){var o=n.className,l=n.pagesAmount,i=n.currentPage,c=n.onChange,s=n.onClick,m=n.style,u=n.href,p=n.queryPageName,g=void 0===p?"page":p,h=d([],Array(l),!0).map((function(e,t){return t+1})),v=t(i),E=v[0],b=v[1],w=a((function(){return u&&u.endsWith("&page=")?u.replace("&page=",""):u}),[u]),y=l-1,x=function(e){e<=l&&e>0&&(b(e),c(e))},k=function(e){s&&s(e)};return r((function(){b(i)}),[i]),e.createElement(Ca,{className:o,style:m},e.createElement(La,{className:"prev-page",onClick:function(){return x(E-1)},"data-last-page":1===E||void 0},w?e.createElement("a",{href:f(w,E,g),onClick:k},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"}))),h.length>8?e.createElement(za,{pagesAmount:l,activePage:E,handlePageChange:x,handleClick:k,href:w,queryPageName:g}):h.map((function(t){return e.createElement(Na,{key:"".concat("pagination","+").concat(t),"data-page-active":t===E||void 0,onClick:function(){return x(t)}},w?e.createElement("a",{href:f(w,t,g),onClick:k},t):t)})),e.createElement(La,{className:"next-page",onClick:function(){return x(E+1)},"data-last-page":E===y+1||void 0},w?e.createElement("a",{href:f(w,E,g),onClick:k},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"}))))},Ba=g.div(Yn||(Yn=c(["\n &[data-shadow-size='small'] {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='normal'] {\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='medium'] {\n filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='large'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='soft'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n"],["\n &[data-shadow-size='small'] {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='normal'] {\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='medium'] {\n filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='large'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='soft'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n"]))),Ma=function(t){var n=t.size,a=t.children,r=t.style,o=t.className;return e.createElement(Ba,{style:r,className:o,"data-shadow-size":n},a)},Sa=g.div(Xn||(Xn=c(["\n --padding-horizontal: 8px;\n --pading-vertical: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pading-vertical) var(--padding-horizontal);\n border-radius: 24px;\n\n ","\n\n ","\n\n ","\n\n p {\n ","\n }\n\n ","\n\n ","\n\n "," \n\n &[data-is-selected],\n &:active {\n background: ",";\n }\n"],["\n --padding-horizontal: 8px;\n --pading-vertical: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pading-vertical) var(--padding-horizontal);\n border-radius: 24px;\n\n ","\n\n ","\n\n ","\n\n p {\n ","\n }\n\n ","\n\n ","\n\n "," \n\n &[data-is-selected],\n &:active {\n background: ",";\n }\n"])),(function(e){return"sponsored"===e.tagType&&"\n --offset-size: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n position: relative;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);\n border-radius: 0 4px 18px 0;\n height: 24px;\n width: 90px;\n border-left: var(--offset-size) solid ".concat(h.colors.accentLight,";\n padding: 0;\n margin-left: calc(var(--offset-size) * -1);\n\n p {\n font-weight: ").concat(h.sizes.fwBold,";\n color: var(\n --text-props-color,\n ").concat(h.colors.secondaryDark,"\n );\n font-size: 11px;\n margin-left: calc(var(--offset-size) * -1);\n }\n\n &::after {\n width: calc(var(--offset-size) * 2);\n height: var(--offset-size);\n background: ").concat(h.colors.accentMain,";\n position: absolute;\n left: calc(var(--offset-size) * -1);\n bottom: calc(var(--offset-size) * -1);\n clip-path: polygon(0 1%, 100% 0%, 100% 100%);\n content: '';\n }\n ")}),(function(e){return e.isInline&&"\n display: inline-block;\n "}),(function(e){return e.tagHasMorePadding&&"\n &[data-has-more-padding] {\n padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal);\n }\n "}),(function(e){return e.tagIsLight?"\n color: var(--text-props-color, #000);\n ":"\n color: var(--text-props-color, ".concat((function(e){return e.theme.colors.white}),");\n ")}),(function(e){return function(e,t){switch(e){case"yellow":var n=t?h.colors.yellow50:h.colors.yellow600;return"\n background: ".concat(n,";\n p {\n color: var(\n --text-props-color,\n ").concat(h.colors.gray800,"\n );\n }\n ");case"standard":return"\n background: ".concat(h.colors.white,";\n border: 1px solid ").concat(h.colors.gray200,";\n \n p {\n color: var(\n --text-props-color,\n ").concat(h.colors.gray800,"\n );\n }\n \n &:hover {\n background: ").concat(h.colors.gray100,";\n }\n ");case"red":return n=t?h.colors.red50:h.colors.red500,"\n background: ".concat(n,";\n ");case"green":return n=t?h.colors.green50:h.colors.green500,"\n background: ".concat(n,";\n ");case"blue":return n=t?h.colors.blue50:h.colors.primaryBase,"\n background: ".concat(n,";\n ");case"teal":return n=t?h.colors.teal100:h.colors.teal600,"\n background: ".concat(n,";\n ");case"pink":return n=t?h.colors.pink200:h.colors.pink800,"\n background: ".concat(n,";\n ");case"violet":return n=t?h.colors.violet100:h.colors.violet500,"\n background: ".concat(n,";\n ");case"grey":return n=t?h.colors.gray100:h.colors.gray600,"\n background: ".concat(n,";\n ")}}(e.tagType,e.tagIsLight)}),(function(e){return e.tagIsSquared&&"sponsored"!==e.tagType&&"\n border-radius: 4px;\n "}),(function(e){return e.tagIsALink&&"\n cursor: pointer;\n "}),(function(e){return e.theme.colors.blue50})),Aa=function(t){var n=t.type,a=t.children,r=t.style,o=t.isInline,l=t.isSquared,c=void 0!==l&&l,d=t.className,m=t.isLight,u=t.hasMorePadding,p=t.isLink,g=t.isSelected,h=t.textProps,v=void 0===h?{size:"sm"}:h,f=v.color?{"--text-props-color":v.color}:{};return e.createElement(Sa,{"data-is-squared":c||void 0,"data-tag-type":n,"data-is-light":m||void 0,"data-has-more-padding":u||void 0,"data-is-inline":o||void 0,style:s(s({},r),f),className:d,"data-is-selected":g||void 0,"data-is-link":p||void 0,tagType:n,isInline:o,tagHasMorePadding:u,tagIsLight:m,tagIsSquared:c,tagIsALink:p},e.createElement(i,s({},v),a))},Da="24px",Ia="hhgcomp-toggle-icon",ja=b(g.span(Jn||(Jn=c(["\n position: relative;\n display: block;\n width: 40px;\n height: ",";\n background: #c3cbd4;\n border-radius: 100px;\n cursor: pointer;\n\n &:after {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 90px;\n content: '';\n transition: 0.3s;\n }\n"],["\n position: relative;\n display: block;\n width: 40px;\n height: ",";\n background: #c3cbd4;\n border-radius: 100px;\n cursor: pointer;\n\n &:after {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 90px;\n content: '';\n transition: 0.3s;\n }\n"])),Da),Ia),Ha=g.span(Qn||(Qn=c(["\n padding-left: 15px;\n"],["\n padding-left: 15px;\n"]))),Ta=g.div($n||($n=c(["\n height: ",";\n\n input[type='checkbox'] {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n label {\n cursor: pointer;\n display: inline-flex;\n color: ",";\n }\n\n input:checked + label ."," {\n background: ",";\n &:after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n }\n"],["\n height: ",";\n\n input[type='checkbox'] {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n label {\n cursor: pointer;\n display: inline-flex;\n color: ",";\n }\n\n input:checked + label ."," {\n background: ",";\n &:after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n }\n"])),Da,(function(e){return e.theme.colors.gray600}),Ia,(function(e){return e.theme.colors.primaryBase})),Fa=function(t){var n=t.className,a=t.id,r=t.onChange,o=t.checked,l=t.style,i=t.label;return e.createElement(Ta,{className:n,style:l},e.createElement("input",{type:"checkbox",id:a,onChange:r,checked:o}),e.createElement("label",{htmlFor:a},e.createElement(ja,null),i&&e.createElement(Ha,null,i)))},Pa=g.div(ea||(ea=c(["\n a {\n color: ",";\n cursor: pointer;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n\n &:visited {\n color: ",";\n }\n }\n\n &[data-disabled] {\n & > a {\n color: ",";\n cursor: not-allowed;\n }\n }\n\n @include layout-sp {\n &[data-size='lg'] {\n & > a {\n font-size: 16px;\n font-weight: ",";\n line-height: 24px;\n }\n }\n &[data-size='md'] {\n & > a {\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n }\n }\n &[data-size='sm'] {\n & > a {\n font-size: 13px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n &[data-size='xm'] {\n & > a {\n font-size: 11px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n }\n"],["\n a {\n color: ",";\n cursor: pointer;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n\n &:visited {\n color: ",";\n }\n }\n\n &[data-disabled] {\n & > a {\n color: ",";\n cursor: not-allowed;\n }\n }\n\n @include layout-sp {\n &[data-size='lg'] {\n & > a {\n font-size: 16px;\n font-weight: ",";\n line-height: 24px;\n }\n }\n &[data-size='md'] {\n & > a {\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n }\n }\n &[data-size='sm'] {\n & > a {\n font-size: 13px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n &[data-size='xm'] {\n & > a {\n font-size: 11px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive}),(function(e){return e.theme.colors.primaryVisited}),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.sizes.fwRegular})),Wa=function(t){var n=t.size,a=t.isDisabled,r=t.className,o=t.link,l=t.style;return e.createElement(Pa,{className:r,"data-size":n,style:l,"data-disabled":a||void 0},o)},Ra=g.div(ta||(ta=c(["\n .default-button[data-color='secondary'] {\n border: solid 2px ",";\n color: ",";\n\n &:hover {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n & > svg {\n fill: ",";\n }\n }\n }\n"],["\n .default-button[data-color='secondary'] {\n border: solid 2px ",";\n color: ",";\n\n &:hover {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n & > svg {\n fill: ",";\n }\n }\n }\n"])),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.white})),Va=g.div(na||(na=c(["\n ","\n"],["\n ","\n"])),(function(e){return e["data-is-attached-to-element"]&&"display: inline-block;\n position: relative;"})),Ga=g.div(aa||(aa=c(["\n --icon-wrapper-size: 32px;\n display: flex;\n width: var(--icon-wrapper-size);\n height: var(--icon-wrapper-size);\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n\n ","\n\n & > svg {\n width: calc(var(--icon-wrapper-size) / 2);\n height: calc(var(--icon-wrapper-size) / 2);\n }\n"],["\n --icon-wrapper-size: 32px;\n display: flex;\n width: var(--icon-wrapper-size);\n height: var(--icon-wrapper-size);\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n\n ","\n\n & > svg {\n width: calc(var(--icon-wrapper-size) / 2);\n height: calc(var(--icon-wrapper-size) / 2);\n }\n"])),(function(e){return e.theme.colors.gray100}),(function(e){return e["data-is-attached-to-element"]&&"\n position: absolute;\n bottom: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n right: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n "})),Oa=g.div(ra||(ra=c(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),Za=function(t){var n=t.type,a=t.withIcon,r=t.onFileSelected,o=t.inputId,l=t.withElement,i=t.fileAcceptType,c=t.multiple,s=t.value,d=t.className,m=function(){var e;null===(e=document.querySelector("#uploader-input-"+o))||void 0===e||e.click()};return e.createElement(Ra,{className:d},"badge"===n?e.createElement(Va,{onClick:m,"data-is-attached-to-element":!!l},l,e.createElement(Ga,{"data-is-attached-to-element":!!l},a)):l?e.createElement("div",{onClick:m},l):e.createElement(w,{size:"md",color:"secondary",className:"default-button",icon:a,onClick:m},e.createElement(Oa,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-"+o,accept:i,multiple:c,type:"file",style:{display:"none"},onChange:function(e){r(e.target.files)},value:s}))},Ua=function(t){var n=t.label,a=t.name,r=t.checked,o=t.className,l=t.isDisabled,i=t.onChange,c=t.value,s=t.isRectangle;return e.createElement(k,{className:o,"data-disabled":l||void 0,"data-is-rectangle":s||void 0,"data-label-text":n},e.createElement("input",{type:"checkbox",checked:r,name:a,onChange:function(){return i(c,!r)},disabled:l,value:c,id:"".concat(a,"-").concat(c),"data-label-text":n}),!s&&e.createElement("label",{htmlFor:"".concat(a,"-").concat(c)},n))},qa=g.div(oa||(oa=c(["\n background-color: var(--neutral50);\n padding: 12px 0;\n box-shadow: inset 0px 1px 0px #e4e8ec;\n\n > * {\n display: grid;\n grid-template-columns: 32px 1fr;\n align-content: center;\n\n p {\n font-weight: 600;\n }\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n }\n"],["\n background-color: var(--neutral50);\n padding: 12px 0;\n box-shadow: inset 0px 1px 0px #e4e8ec;\n\n > * {\n display: grid;\n grid-template-columns: 32px 1fr;\n align-content: center;\n\n p {\n font-weight: 600;\n }\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n }\n"]))),Ka=function(t){var n=t.children,a=t.icon,r=t.className,o=t.style;return e.createElement(qa,{style:o,className:r},e.createElement(y,null,e.createElement("div",{className:"icon-wrapper"},a),e.createElement(i,{size:"c1",color:"var(--neutral800)"},n)))},Ya=g.div(la||(la=c(["\n display: inline-flex;\n\n gap: calc(var(--gap) * 1px);\n > svg {\n width: calc(var(--star-size) * 1px);\n height: calc(var(--star-size) * 1px);\n }\n\n &[data-selectable='true'] {\n > svg {\n cursor: pointer;\n }\n }\n"],["\n display: inline-flex;\n\n gap: calc(var(--gap) * 1px);\n > svg {\n width: calc(var(--star-size) * 1px);\n height: calc(var(--star-size) * 1px);\n }\n\n &[data-selectable='true'] {\n > svg {\n cursor: pointer;\n }\n }\n"]))),Xa=function(t){return e.createElement("svg",s({},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"}))},Ja=function(t){return e.createElement("svg",s({},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"}))},Qa=function(n){var a=t((function(){return"star-half-mask-".concat(Math.random())}))[0];return e.createElement("svg",s({},n,{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(#".concat(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"})))},$a=function(n){var a=n.gap,r=void 0===a?2:a,o=n.size,l=void 0===o?24:o,i=n.star,c=n.totalStars,d=void 0===c?5:c,m=n.onSelect,u=n.hideEmptyStars,p=n.style,g=n.className,h=Math.floor(i),v=i-h>=.5?1:0,f=t(null),E=f[0],b=f[1],w=E||h,y=E?0:v;return e.createElement(Ya,{"data-selectable":!!m,style:s({"--gap":r,"--star-size":l},p),className:g},Array.from({length:u?h+v:d}).map((function(t,n){var a=function(){return!!m&&b(n+1)},r=function(){return!!m&&b(null)};return n+1<=w?e.createElement(Ja,{key:n,onClick:function(){return null==m?void 0:m(n+1)},onMouseOver:a,onMouseLeave:r}):n+1===w+y?e.createElement(Qa,{key:n,onClick:function(){return null==m?void 0:m(n+1)},onMouseOver:a,onMouseLeave:r}):e.createElement(Xa,{key:n,onClick:function(){return null==m?void 0:m(n+1)},onMouseOver:a,onMouseLeave:r})})))},er=g.div(ia||(ia=c(["\n height: 4px;\n position: relative;\n\n &:before {\n content: '';\n border-radius: 2px;\n background-color: ",";\n opacity: 0.15;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:after {\n content: '';\n border-radius: 2px;\n background-color: ",";\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: calc(var(--progress) * 1%);\n }\n"],["\n height: 4px;\n position: relative;\n\n &:before {\n content: '';\n border-radius: 2px;\n background-color: ",";\n opacity: 0.15;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:after {\n content: '';\n border-radius: 2px;\n background-color: ",";\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: calc(var(--progress) * 1%);\n }\n"])),(function(e){return e.theme.colors.yellow400}),(function(e){return e.theme.colors.yellow400})),tr=function(t){var n=t.percent,a=t.style;return e.createElement(er,{style:s({"--progress":n},a)})},nr=function(t){var n=t.avatarImg,a=t.authorName,r=t.authorLink,o=t.uploadTime,l=t.size;return e.createElement(N,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":l},n),e.createElement("div",{className:"poster","data-is-disabled-url":!r},e.createElement(i,{size:"lg"===l?"p3":"p4"},e.createElement("a",{href:r},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,o)))))},ar=function(t){var n=t.isMobile,a=t.avatarImg,r=t.name,o=t.link,l=t.size,c=void 0===l?"lg":l,s=t.specialty;return e.createElement(N,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":c},a),e.createElement("div",{className:"expert","data-is-disabled-url":!o},n?e.createElement("a",{href:o},"lg"===c?e.createElement(e.Fragment,null,e.createElement(x,{tag:"h6",className:"expert__name",color:h.colors.gray600},r),e.createElement(i,{color:h.colors.gray500,size:"p3",className:"specialty"},s)):e.createElement(e.Fragment,null,e.createElement(x,{tag:"h6",className:"expert__name",color:h.colors.gray600},r))):e.createElement("a",{href:o},"lg"===c?e.createElement(e.Fragment,null,e.createElement(x,{tag:"h6",className:"expert__name",color:h.colors.gray600},r),e.createElement(i,{color:h.colors.gray500,size:"p3",className:"specialty"},s)):e.createElement(e.Fragment,null,e.createElement(z,{color:h.colors.gray600,className:"expert__name"},r),e.createElement(i,{color:h.colors.gray500,size:"p4",className:"specialty"},s))))))},rr=function(t){var n=t.articleLink,a=t.authorLink,r=t.authorName,o=t.avatarImg,l=t.banner,c=t.categoryLink,s=t.categoryName,d=t.className,m=t.dataEventActionForBanner,u=t.dataEventActionForBookmark,p=t.dataEventActionForCategory,g=t.dataEventActionForTitle,h=t.dataEventCategoryForBanner,v=t.dataEventCategoryForBookmark,f=t.dataEventCategoryForCategory,E=t.dataEventCategoryForTitle,b=t.dataEventLabelForBanner,w=t.dataEventLabelForBookmark,y=t.dataEventLabelForCategory,k=t.dataEventLabelForTitle,N=t.direction,z=void 0===N?"horizontal":N,_=t.hasAffiliate,B=t.isBookmark,M=void 0!==B&&B,S=t.isBookmarkDisplayed,A=void 0===S||S,D=t.isMobile,I=void 0===D||D,j=t.onBookmark,H=t.onClickCategoryName,T=t.section,F=void 0===T?"normal":T,P=t.size,W=void 0===P?"md":P,R=t.specialty,V=t.style,G=t.styleBanner,O=t.styleLabel,Z=t.styleTitle,U=t.text,q=t.title,K=t.type,Y=void 0===K?"author":K,X=t.uploadTime,J=t.articleLinkTarget,Q=function(e){e.stopPropagation(),j&&j()},$="lg"===W&&"expert"===Y?"h4":"lg"===W&&"home"===F?I?"h4":"h3":"lg"===W?"h4":"h5",ee="lg"===W?"p3":"p4",te=I||"home"!==F||"lg"!==W||"author"!==Y?"c2":"c1";return e.createElement(C,{className:d,"data-size":W,style:V,"data-direction":z,"data-is-expert":"expert"===Y||void 0},e.createElement("div",{className:"banner",style:G},e.createElement(L,{"data-event-category":h,"data-event-action":m,"data-event-label":b,href:n||"#",target:J},l),_&&e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),e.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"})))),e.createElement("div",{className:"content"},e.createElement("div",{className:"inner-content"},e.createElement(i,{style:O,className:"label",size:te,type:"caption"},e.createElement(L,{"data-event-category":f,"data-event-action":p,"data-event-label":y,href:c||"#",onClick:H},s),A&&e.createElement("a",{className:"bookmark",onClick:Q},M?e.createElement("svg",{"data-event-category":v,"data-event-action":u,"data-event-label":w,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):e.createElement("svg",{"data-event-category":v,"data-event-action":u,"data-event-label":w,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),e.createElement(x,{tag:$,style:Z,className:"title",as:"lg"===W?"h2":"h3"},e.createElement(L,{"data-event-category":E,"data-event-action":g,"data-event-label":k,href:n||"#",target:J},q)),U&&e.createElement("a",{href:n||"#",target:J},e.createElement(i,{size:ee,className:"text"},U))),e.createElement("div",{className:"footer"},"author"===Y?e.createElement(nr,{size:W,avatarImg:o,authorName:r,authorLink:a,uploadTime:X,handleClick:Q,isBookmarked:M,dataEventCategoryForBookmark:v,dataEventActionForBookmark:u,dataEventLabelForBookmark:w}):e.createElement(ar,{size:W,isMobile:I,avatarImg:o,specialty:R,name:r,link:a,handleClick:Q,isBookmarked:M,dataEventCategoryForBookmark:v,dataEventActionForBookmark:u,dataEventLabelForBookmark:w}))))},or=function(t){var n=t.LinkComponent,a=t.page,r=t.isLast,o=t.onChangePage,l=a.label,i=a.value,c=a.isDropdown,s=a.dropdownItems,d=a.dataEventCategory,m=a.dataEventAction,u=a.dataEventLabel;return c?e.createElement(Vt,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:o,className:"collapsed-breadcrumb"}):e.createElement(M,{title:"string"!=typeof l?i:l,"data-last":r},n&&e.createElement(n,{"data-event-category":d,"data-event-action":m,"data-event-label":u,href:i||"#"},l))},lr=function(t){var n=t.className,r=t.pages,l=t.size,i=t.LinkComponent,c=void 0===i?"a":i,d=t.onChangePage,m=t.separator,u=a((function(){return r.map((function(e,t){return r.length>4?t>1&&t<r.length-2?null:1===t?s(s({},e),{isDropdown:1===t,dropdownItems:r.slice(1,r.length-2)}):e:e})).filter(Boolean)}),[r]);return e.createElement(_,{"data-size":l,className:n},u.map((function(t,n){var a=n+1===u.length;return e.createElement(o,{key:n},e.createElement(or,{LinkComponent:c,page:t,isLast:a,onChangePage:d}),!a&&(t.separator||m||e.createElement(B,{"data-size":l})))})))},ir=function(t){var n=t.imgBanner,a=t.label,r=t.className,o=t.style,l=t.href,c=void 0===l?"":l,s=t.dataEventCategory,d=t.dataEventAction,m=t.dataEventLabel;return e.createElement(S,{"data-event-category":s,"data-event-action":d,"data-event-label":m,className:r,style:o,href:c,onClick:function(e){""===c&&e.preventDefault()}},e.createElement("div",{className:"banner"},n),e.createElement("div",{className:"content"},e.createElement(i,{className:"category_name",size:"sm",type:"bold"},a)))},cr=function(t){var n=t.name,a=t.values,r=void 0===a?[]:a,o=t.onChanges,l=t.options,i=void 0===l?[]:l,c=t.className,s=t.type,d=void 0===s?"vertical":s,m=t.isDisabled,u=t.isRectangle,p=function(e,t){var n=r.slice();if(t)n.push(e);else{var a=n.findIndex((function(t){return t===e}));n.splice(a,1)}o&&o(n)};return e.createElement(A,{className:c,"data-type":d,"data-is-rectangle":u||void 0},i.map((function(t,a){return e.createElement(Ua,{label:t.label,name:n,key:"".concat(a,"-").concat(t.value),checked:r.includes(t.value),value:t.value,isDisabled:m||t.disabled,onChange:!m&&p,isRectangle:u})})))},sr=function(t){var n=t.size,a=t.iconPosition,r=t.className,o=t.children,l=t.icon;return e.createElement(D,{className:r,"data-size":n,"data-icon-position":a},"left"===a&&l,o,"right"===a&&l)},dr=function(n){var a=n.type,o=n.numberOfStep,i=n.activeStep,c=n.labelPrefix,d=n.detailSteps,u=n.className,p=n.onChange,g=t(0),h=g[0],v=g[1],f=function(t){var n=t.trackClassName,a=m(t,["trackClassName"]);return e.createElement(T,s({},a,{className:n}),e.createElement(F,null))},E=e.createElement(I,{className:u+" progress-bar"},e.createElement(f,null),e.createElement((function(t){var n=t.trackLength,a=t.activeStep,r=t.labelPrefix,l=void 0===r?"Step":r,i=t.onChange;return e.createElement(e.Fragment,null,Array.from({length:o},(function(e,t){return t})).map((function(t,r){return e.createElement(P,{"data-is-active":r===a,"data-label":r,style:{left:r*n/(o-1)},onClick:function(){i&&i(r)},key:r},r+1,e.createElement(W,{"data-step-passed":r<=a},l+" "+(r+1)))})))}),{trackLength:h,activeStep:i,labelPrefix:c,onChange:p})),b=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})),w=e.createElement(j,null,d&&Array.from({length:d.length},(function(e,t){return t})).map((function(t,n){var a;return e.createElement(H,{key:n,"data-selected":n===i,onClick:function(){p&&p(n)}},null===(a=d[n])||void 0===a?void 0:a.text," ",n<d.length-1&&b)}))),y=e.createElement(I,{className:u+" progress-bar"},e.createElement((function(t){var n=t.detailSteps,a=t.activeStep,r=t.onChange;return e.createElement(e.Fragment,null,Array.from({length:n.length},(function(e,t){return t})).map((function(t,o){return e.createElement(R,{key:o,style:{left:100/n.length*o+"%",width:100/n.length+"%"},onClick:function(){r&&r(o)}},n[o].icon?e.createElement(V,{onClick:function(){r&&r(o)}},n[o].icon):e.createElement(G,{"data-is-active":o===a,"data-label":t,onClick:function(){r&&r(o)},key:o},o+1),e.createElement(O,{"data-step-passed":o<a+1},n[o].text,e.createElement(Z,null,n[o].description)),o<n.length-1&&e.createElement(f,{"data-step-passed":o<a,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:i,detailSteps:d,onChange:p})),x=l(Gt((function(){var e=document.querySelector(".progress-bar");e&&v(e.offsetWidth)}),1e3),[]);return r((function(){var e=document.querySelector(".progress-bar");return v(null==e?void 0:e.offsetWidth),window.addEventListener("resize",x),function(){window.removeEventListener("resize",x)}}),[]),"step-track"===a&&E||"breadcrumb"===a&&w||"detail-track"===a&&y},mr=Object.freeze({__proto__:null,SideMenu:U,SideHeader:q,UserInfo:K,MenuLink:Y}),ur=function(t){var n=t.status;return"inActive"===n?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"===n?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"===n?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"}))},pr=function(a){var o=a.row,l=void 0===o?2:o,i=a.column,c=void 0===i?3:i,s=a.isDotsShown,d=void 0===s||s,m=a.isImageGalleryShown,u=void 0!==m&&m,p=a.mode,g=void 0===p?"infinity":p,h=a.type,v=void 0===h?"separated":h,f=a.distanceOverlappedLeft,E=void 0===f?{amount:0,unit:"pixel"}:f,b=a.children,w=a.className,y=a.isProgressShown,x=void 0!==y&&y,k=a.statusChildren,C=a.isArrowShown,L=void 0!==C&&C,N=a.classNameLeftArrow,z=a.classNameRightArrow,_=a.dataEventCategory,B=a.dataEventAction,M=a.dataEventLabel,S=a.onChangePage,A=a.page,D=a.customPageWidth,I=a.scheme,j=void 0===I?"hellosites":I,H=a.arrowType,T=void 0===H?"Discover":H,F=t("number"==typeof A?A:0),P=F[0],W=F[1],R=[];e.Children.map(b,(function(t,n){n%(l*c)==0&&R.push([]),R[R.length-1].push(e.cloneElement(t))}));var V=n(),G=n(0),O=function(e){if(V.current){var t=V.current.clientWidth,n=D||t,a="intertwined"===v?"percentage"===E.unit?e*n+E.amount/100*n*e:e*n+E.amount*n*e:e*n;V.current.scrollTo({top:0,left:a,behavior:"smooth"}),G.current=e,W(e),S&&S(e)}};r((function(){"number"==typeof A&&function(e){if(V.current){var t=V.current.clientWidth,n=D||t,a="intertwined"===v?"percentage"===E.unit?e*n+E.amount/100*n*e:e*n+E.amount*n*e:e*n;V.current.scrollTo({top:0,left:a,behavior:"smooth"}),G.current=e,W(e)}}(A)}),[A]);var Z=function(e){if(V.current){var t,n=V.current.clientWidth,a=D||n;t=0===P?0:P*a,"forward"===e&&(t===a*(R.length-1)?(W(R.length-1),t=a*(R.length-1),S&&S(R.length-1)):(W(P+1),t+=a,S&&S(P+1)),V.current.scrollTo({top:0,left:t,behavior:"smooth"})),"back"===e&&(0===t?(W(0),S&&S(0),t=0):(W(P-1),S&&S(P-1),t-=a),V.current.scrollTo({top:0,left:t,behavior:"smooth"}))}},U=Gt((function(){if("infinity"===g){if(!V.current)return;var e=V.current,t=e.clientWidth,n=e.scrollLeft,a=D||t,r=Math.floor(n/a);W(r),S&&S(r)}}),400);return r((function(){if("snapped"===g){var e,t,n,a,r,o,l=!1,i=V.current,c=function(o,c){l=!0,n=!1,a=!1,e=o-i.offsetLeft,t=c-i.offsetTop,r=i.scrollLeft},s=function(e){c(e.pageX,e.pageY)},d=function(e){c(e.touches[0].pageX,e.touches[0].pageY)},m=function(){if(l=!1,n=!1,a=!1,V.current){var e=V.current.clientWidth,t=D||e,r="ltr"===o?0!==G.current?G.current-1:G.current:"rtl"===o&&G.current<R.length-1?G.current+1:G.current,i="intertwined"===v?"percentage"===E.unit?r*t+E.amount/100*t*r:r*t+E.amount*t*r:r*t;V.current.scrollTo({top:0,left:i,behavior:"smooth"}),o="none",G.current!==r&&(G.current=r,W(r),S&&S(r))}},u=function(c,s){if(l){var d=c-i.offsetLeft,m=s-i.offsetTop,u=d-e,p=m-t;n||a||!(p>20||p<-20)||(n=!0),!n&&(u>20||u<-20)&&(a=!0,i.scrollLeft=r-u,u>0&&(o="ltr"),u<0&&(o="rtl"),0===u&&(o="none"))}},p=function(e){a&&e.preventDefault(),u(e.pageX,e.pageY)},h=function(e){a&&e.preventDefault(),u(e.touches[0].pageX,e.touches[0].pageY)};return null==i||i.addEventListener("mousedown",s),null==i||i.addEventListener("touchstart",d),window.addEventListener("mouseup",m),window.addEventListener("touchend",m),null==i||i.addEventListener("mousemove",p),null==i||i.addEventListener("touchmove",h),function(){null==i||i.removeEventListener("mousedown",s),null==i||i.removeEventListener("touchstart",d),window.removeEventListener("mouseup",m),window.removeEventListener("touchend",m),null==i||i.removeEventListener("mousemove",p),null==i||i.removeEventListener("touchmove",h)}}}),[]),e.createElement(X,{className:w,"data-row":l,onScroll:U},L&&P>0&&e.createElement("div",{className:"".concat(N," arrow-left"),onClick:function(){return Z("back")},"data-event-category":_,"data-event-action":B,"data-event-label":M},"Care"===T?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"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),e.createElement("div",{ref:V,className:"container",style:{overflowX:"snapped"===g||L?"hidden":"scroll"}},R.map((function(t,n){for(var a=0,r=0;r<n;r++)a+=R[r].length;return e.createElement("div",{key:n,className:"section",style:{marginLeft:"intertwined"===v&&0!==n?E.amount+""+("percentage"===E.unit?"%":"px"):"0px"}},1===l&&x&&e.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:"repeat(".concat(c,", 1fr)")}},t.map((function(r,o){var l=a+o,i=k.find((function(e){return e.index===l}));return e.createElement("div",{className:"items-progress",key:o},0===o&&0===n?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}),e.createElement("div",{className:"icon-status"},e.createElement(ur,{status:null==i?void 0:i.status})),n===R.length-1&&o===t.length-1?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}))}))),e.createElement("div",{className:"grid-layout","data-index":n,style:{gridTemplateColumns:"repeat(".concat(c,", 1fr)"),gridTemplateRows:"repeat(".concat(l,", 1fr)")}},t.map((function(t,n){return e.createElement(e.Fragment,{key:n},e.createElement("div",{className:"item-grid",key:n},t))}))))}))),L&&P<R.length-1&&e.createElement("div",{className:"".concat(z," arrow-right"),onClick:function(){return Z("forward")},"data-event-category":_,"data-event-action":B,"data-event-label":M}," ","Care"===T?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"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===j?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),d&&e.createElement("ul",{className:"bullet-nav"},R.map((function(t,n){return e.createElement("li",{key:n,className:"bullet-nav__item "},e.createElement("p",{onClick:function(){return O(n)},className:"bullet-nav__link scroll ".concat(P==n?"active":null),"data-scheme":j}))}))),u&&e.createElement("div",{className:"image-gallery-wrapper","data-test":R.length},R.slice(0,3).map((function(t,n){return e.createElement("div",{className:"image-block ".concat(P==n?"active":null),key:n,onClick:function(){return O(n)},"data-scheme":j},t)}))))},gr=function(t){var n=t.isDisabled,a=t.isLeft,r=t.onClick,o=t.className,l=t.scheme,i=void 0===l?"hellosites":l;return e.createElement($,{onClick:r,"data-is-disabled":n,"data-is-left":a,className:o},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"===i?"#595959":"#E55C8A"}):e.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===i?"#595959":"#E55C8A"})))},hr=function(n){for(var a=n.row,r=n.column,o=n.children,l=n.scheme,i=void 0===l?"hellosites":l,c=n.classNameLeftArrow,s=void 0===c?"":c,m=n.classNameRightArrow,u=void 0===m?"":m,p=n.mode,g=void 0===p?"snap":p,h=n.isDotsShown,v=void 0===h||h,f=n.isArrowShown,E=void 0!==f&&f,b=n.dataEventCategory,w=n.dataEventAction,y=n.dataEventLabel,x=n.onChangePage,k=e.useState(0),C=k[0],L=k[1],N=t(!1),z=N[0],_=N[1],B=Ot({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){L(e.track.details.rel),x&&x(e.track.details.rel)},created:function(){_(!0)},drag:!0,mode:g,slides:{spacing:12}}),M=B[0],S=B[1],A=[],D=a*r,I=0;I<o.length;I+=D){var j=o.slice(I,I+D);A.push(j)}return e.createElement(J,{row:a,column:r},e.createElement("div",{className:"navigation-wrapper"},e.createElement("div",{ref:M,className:"keen-slider slides-wrapper"},A.map((function(t,n){return e.createElement("div",{key:n,className:"keen-slider__slide page-items"},t.map((function(t,n){return e.createElement("div",{key:n},t)})))}))),z&&S.current&&E&&e.createElement(e.Fragment,null,e.createElement(gr,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=S.current)||void 0===t?void 0:t.prev())},isDisabled:0===C,scheme:i,className:"left-arrow ".concat(s),"data-event-category":b,"data-event-action":w,"data-event-label":y}),e.createElement(gr,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=S.current)||void 0===t?void 0:t.next())},isDisabled:C===S.current.track.details.slides.length-1,scheme:i,className:"right-arrow ".concat(u),"data-event-category":b,"data-event-action":w,"data-event-label":y}))),z&&S.current&&v&&e.createElement("div",{className:"dots"},d([],Array(S.current.track.details.slides.length),!0).map((function(t,n){return e.createElement(Q,{key:n,onClick:function(){var e;null===(e=S.current)||void 0===e||e.moveToIdx(n)},"data-is-active":C===n,"data-is-hellosites":"hellosites"===i})}))))},vr=function(t){var n=t.type,a=t.description,r=t.value,o=t.withIcon,l=t.isInACard,i=t.cardColor,c=t.className;return e.createElement(ee,{className:c,"data-size":n,"data-is-in-card":"big"===n&&l,"data-card-color":i},e.createElement(te,null,"small"===n&&e.createElement(ne,{"data-color":i}),a),e.createElement(ae,{"data-size":n},"small"!==n&&o,r))},fr=Object.freeze({__proto__:null,Table:re,Cell:oe,Head:le,Row:ie,Body:ce}),Er=function(n){var a=n.style,o=n.initialTab,l=n.tabContent,c=n.onChange,s=n.className,d=n.dataEventCategory,m=n.dataEventAction,u=n.dataEventLabel,p=n.id,g=t(o||0),v=g[0],f=g[1];return r((function(){f(o)}),[o]),e.createElement(se,{style:a,className:s,role:"tablist",id:p},l.map((function(t,n){return e.createElement(de,{"data-is-tab-active":v===n||void 0,"aria-selected":v===n,role:"tab",onClick:function(){f(n),c&&c(n)},onKeyDown:function(e){"Enter"===e.key&&(f(n),c&&c(n))},key:n,"data-event-category":d,"data-event-action":m,"data-event-label":u,tabIndex:0},e.createElement(me,null,t.icon&&e.createElement(ue,null,t.icon),e.createElement(i,{size:t.textSize||"sm",type:t.textType||"bold",color:t.textColor||h.colors.gray800,dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name)))})))},br=function(t){var n=t.thankyou,a=t.thankyouSubtitle,r=t.className,o=t.style;return e.createElement(pe,{className:r,style:o},e.createElement("div",{className:"survey-inner-wrapper"},e.createElement(ge,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"})),n&&e.createElement(x,{className:"survey-thankyou-title",tag:"h3"},n),a&&e.createElement(i,{className:"survey-thankyou-subtitle",size:"p3"},a)))))},wr=function(n){var a=n.items,o=n.className,l=n.style,i=n.backgroundPanelStyle,c=n.isOpen,d=n.onOpen,m=n.onClose,u=n.disableBackdropClick,p=n.siteType,g=void 0===p?"hb":p,h=n.animationType,v=void 0===h?"zoom":h,f=n.zIndex,E=void 0===f?300:f,b=t(!!c),w=b[0],y=b[1];r((function(){y(!!c)}),[c]);var x=function(){y(!1),m&&m()};return e.createElement(he,{style:l,className:o,"data-floatmenu-open":w,"data-site-type":g,"data-animation-type":v},e.createElement(ve,{className:"float-button-group__panel",style:s({zIndex:E},i),onClick:u?void 0:x}),e.createElement(fe,{className:"float-button-group___content",style:{zIndex:E}},e.createElement(Ee,null,a.map((function(t,n){return e.createElement(be,{className:"float-item-button-".concat(n),style:s(s({},"zoom"===v&&{bottom:64*(a.length-1-n),transitionDelay:"".concat(we/a.length*(w?a.length-1-n:n),"ms")}),"slide"===v&&{bottom:64*(a.length-1-n),transitionDelay:"".concat(we/a.length*(w?n:a.length-1-n),"ms")}),key:n,onClick:function(){t.onClick(),t.keepMenuOnClick||y(!1)}},e.createElement(ye,{style:s({},"zoom"===v&&{transitionDelay:"".concat(we/a.length*(w?a.length-1-n:n),"ms")})},t.label),e.createElement(xe,{className:"float-item-button__icon-wrapper",style:s({},("zoom"===v||"slide"===v)&&{transitionDelay:"".concat(we/a.length*(w?a.length-1-n:n),"ms")})},t.icon))}))),e.createElement(ke,{onClick:w?x:function(){y(!0),d&&d()}})))},yr=function(t){var n=t.className,a=t.policiesUrl,r=t.onAcceptClick,o=t.translations,l=void 0===o?{acceptButton:"Accept",policiesButton:"Our Policies"}:o,i=t.title,c=void 0===i?"":i,s=t.description,d=void 0===s?"":s,m=t.theme,u=void 0===m?"helloSites":m,p=t.isOpen,g=void 0===p||p,h=t.useDefaultPosition,v=void 0===h||h,f=t.trackingAttributes;return e.createElement(Ce,{className:n,"data-theme":u,"data-is-open":g,"data-default-position":v},e.createElement(Le,{"data-has-content":!!c},c),e.createElement(Ne,{dangerouslySetInnerHTML:{__html:d}}),e.createElement(ze,null,e.createElement(_e,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:r,"data-event-category":null==f?void 0:f.dataEventCategory,"data-event-action":null==f?void 0:f.dataEventAction,"data-event-label":null==f?void 0:f.dataEventLabel},l.acceptButton),e.createElement(Be,{href:a},l.policiesButton)))},xr=function(t){var n,a,r,o,l,i,c,m,u,p,g,h,v,f,E,b,w,y,x,k=t.SEOData,C=void 0===k?{}:k,L=t.isAmp,N=void 0!==L&&L,z=t.locale,_=void 0===z?"vi-VN":z,B=t.routerPathname,M=t.routerQuery,S=t.nextHead,A=t.siteType,D=t.seoCustom,I=t.userId,j=t.forcedCanonicalUrl,H=C.totalPages,T=C.currentPage,F=C.SEOTitle,P=void 0===F?"":F,W=C.SEODescription,R=void 0===W?"":W,V=C.SEOImage,G=C.seoType,O=C.SEOImageWidth,Z=C.SEOImageHeight,U=C.customMetaData,q=void 0===U?[]:U,K=C.isIndexable,Y=void 0===K||K,X=C.hasNoCanonical,J=void 0!==X&&X,Q=Y&&Kt?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",$=process.env.NEXT_PUBLIC_BASE_API_URL,ee=C.canonicalUrl||B;Object.keys(M).forEach((function(e){var t=M[e];t&&Array.isArray(t)&&(ee=ee.replace("[...".concat(e,"]"),t.join("/")))}));var te,ne=_||"en-PH",ae="helloSites"===A?Zt[ne]:"www.marrybaby.vn",re=ee.endsWith("/")?"":"/";if(C.apiMetaData&&"string"==typeof C.apiMetaData){var oe=null===(n=C.apiMetaData)||void 0===n?void 0:n.match(/<title.*?>(.*)<\/title>/),le=" - Page ".concat(T," of ").concat(H),ie=T&&1!==T&&oe?C.apiMetaData.replace(oe[0],oe[0].includes("-")?oe[0].replace("-",le+" - "):"<title>".concat(oe[1].concat(le),"</title>")).replace('<link rel="canonical" href="https://'.concat(ae).concat(ee).concat(re,'" />'),'<link rel="canonical" href="https://'.concat(ae).concat(ee).concat(re,"?page=").concat(T,'" />')):C.apiMetaData,ce=(te=Me(ie,{trim:!0})).find((function(e){var t,n;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(n=e.props)||void 0===n?void 0:n.property)}));if(!ce){var se="https://".concat(ae,"/images/").concat(_,".png");te=d(d([],te,!0),[e.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=C.openGraph)||void 0===a?void 0:a.image)||se||""}),e.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(r=C.openGraph)||void 0===r?void 0:r.image)||se}),e.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(o=C.openGraph)||void 0===o?void 0:o.imageWidth)&&String(null===(l=C.openGraph)||void 0===l?void 0:l.imageWidth)||"1200"}),e.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=C.openGraph)||void 0===i?void 0:i.imageHeight)&&String(null===(c=C.openGraph)||void 0===c?void 0:c.imageHeight)||"630"})],!1)}}var de="https://".concat(ae,"/images/").concat(_,".png");return e.createElement(S,null,e.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===A&&e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===_?e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===_||"ms-MY"===_?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:$}),e.createElement("meta",{charSet:"UTF-8"}),!N&&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:Q}),e.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),q.map((function(t,n){return e.createElement("meta",s({key:n},t))})),e.createElement("meta",{name:"theme-color",content:"helloSites"===A?"#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:ne}),e.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),N&&e.createElement(e.Fragment,null,e.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),e.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),e.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),e.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!te&&e.createElement(e.Fragment,null,"helloSites"===A?e.createElement("title",null,D?P:P+" - "+(null===(m=Ut[_])||void 0===m?void 0:m.SITE_NAME)):e.createElement("title",null,P),!J&&e.createElement("link",{rel:"canonical",href:"https://".concat(ae).concat(ee)}),e.createElement("meta",{name:"description",content:R||(null===(u=C.openGraph)||void 0===u?void 0:u.description)}),C.schemaData&&e.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:C.schemaData}}),e.createElement("meta",{property:"og:locale",content:_}),e.createElement("meta",{property:"og:type",content:G||"website"}),e.createElement("meta",{property:"og:title",content:(null===(p=C.openGraph)||void 0===p?void 0:p.title)||P}),e.createElement("meta",{property:"og:description",content:(null===(g=C.openGraph)||void 0===g?void 0:g.description)||R}),e.createElement("meta",{property:"og:url",content:"https://".concat(ae).concat(ee)}),e.createElement("meta",{property:"og:site_name",content:"https://".concat(ae)}),e.createElement("meta",{property:"og:image",content:(null===(h=C.openGraph)||void 0===h?void 0:h.image)||V||de||""}),e.createElement("meta",{property:"og:image:secure_url",content:(null===(v=C.openGraph)||void 0===v?void 0:v.image)||V||de}),e.createElement("meta",{property:"og:image:width",content:(null===(f=C.openGraph)||void 0===f?void 0:f.imageWidth)&&String(null===(E=C.openGraph)||void 0===E?void 0:E.imageWidth)||O&&String(O)||"1200"}),e.createElement("meta",{property:"og:image:height",content:(null===(b=C.openGraph)||void 0===b?void 0:b.imageHeight)&&String(null===(w=C.openGraph)||void 0===w?void 0:w.imageHeight)||Z&&String(Z)||"630"}),e.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),e.createElement("meta",{name:"twitter:title",content:(null===(y=C.twitter)||void 0===y?void 0:y.title)||P}),e.createElement("meta",{name:"twitter:description",content:R}),e.createElement("meta",{name:"twitter:image",content:(null===(x=C.twitter)||void 0===x?void 0:x.image)||V})),("helloSites"===A?qt[ne]||[]:qt.marryBaby).map((function(t,n){return"link"===t.type?e.createElement("link",{key:"favicon-".concat(n),rel:t.rel,href:t.href,sizes:t.sizes}):"meta"===t.type?e.createElement("meta",{key:n,name:t.name,content:t.content}):null})),Array.isArray(te)&&j?te.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):te,j&&e.createElement("link",{rel:"canonical",href:j}),!C.hasNoAmp&&"vi-VN"!==_&&e.createElement("link",{rel:"amphtml",href:"https://".concat(ae).concat(ee).concat(re,"?amp=1")}),I&&"undefined"!=typeof window?e.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(I,"'});")}}):null)},kr=function(t){var n,a=t.isMobile,r=t.locale,o=t.onSubmitDueDate,l=t.dueDatePageInfo,c=t.expertUrl,s=t.isSide,d=Yt().t;return e.createElement(Se,{"data-is-side":s},e.createElement(Ae,{isSide:s,bannerUrl:Xt.getAssetPath("embedToolBannerPink.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==l?void 0:l.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:d("healthTools.dueDateCalculator"),medicalReview:(null===(n=null==l?void 0:l.reviewed_by)||void 0===n?void 0:n.display_name)?e.createElement(i,{size:"n1",color:h.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:d("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(c,'"\n >\n ').concat(null==l?void 0:l.reviewed_by.display_name,"\n </a>"),date:null==l?void 0:l.reviewed_date})}}),e.createElement("span",null)):void 0,isMobile:a}),e.createElement(y,null,e.createElement(De,{onSubmit:function(e){return e.preventDefault()},className:"due-date-cal","data-is-side":s},e.createElement(Ie,{locale:r,onSubmitDueDate:o,isSide:s}))))};function Cr(e){var t=e.weight,n=e.height/100,a=t;return Math.round(a/(n*n)*10)/10}var Lr=function(n){var o,l,c,s,d=n.value,m=n.onChange,g=n.onSubmit,v=n.disabled,f=n.bmiGenerated,E=n.bmiUnit,b=n.locale,w=n.isSide,y=t(!1),x=y[0],k=y[1],C=Jt(),L=C.control,N=C.handleSubmit,z=C.setValue,_=(0,C.watch)(),B=Yt().t,M=v||{},S=M.gender,A=void 0!==S&&S,D=M.age,I=void 0!==D&&D,j=M.height,H=void 0!==j&&j,T=M.weight,F=void 0!==T&&T,P=M.objective,W=void 0===P||P,R=nn(b).getHealthToolLink,V=a((function(){return R(an.OVULATION)}),[R]),G=a((function(){return[{value:"male",label:B("gender.male"),content:e.createElement($t.GenderChooseBoy,null)},{value:"female",label:B("gender.female"),content:e.createElement($t.GenderChooseGirl,null)}]}),[]),O=a((function(){return[{value:"lose-weight",label:B("bmi.objective.loseWeight")},{value:"maintain-weight",label:B("bmi.objective.maintainWeight")},{value:"gain-weight",label:B("bmi.objective.gainWeight")}]}),[]),Z=function(){k(!0)};return r((function(){Object.keys(d||{}).forEach((function(e){z(e,null==d?void 0:d[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[d]),r((function(){m&&m(_)}),[_]),e.createElement(je,null,e.createElement("form",{onSubmit:N((function(e){return u(void 0,void 0,void 0,(function(){var t,n,a;return p(this,(function(r){return t=E.heightConvert(e.height),n=E.weightConvert(e.weight),a={gender:e.gender,age:e.age,height:t,weight:n,bmi:Cr({height:t,weight:n})},W||(a.objective=e.objective),Z(),g&&g(a),[2]}))}))}),Z)},!A&&e.createElement(He,{"data-is-side":w},e.createElement(Qt,{name:"gender",control:L,defaultValue:"male",render:function(t){var n=t.field,a=n.name,r=n.value,o=n.onChange,l=t.fieldState.error;return e.createElement(Te,{size:"md",name:a,label:f.gender.label,CustomInput:e.createElement(en,{options:G,value:r,onChange:function(e){return o(e)},className:"bmi--input-radio_gender ".concat(w?"bmi-side-embed":"")}),errorMessage:x?null==l?void 0:l.message:"",className:"bmi--input bmi--input-gender"})}})),e.createElement(Fe,{"data-is-side":w},!I&&e.createElement(He,null,e.createElement(Qt,{name:"age",control:L,rules:null===(o=f.age)||void 0===o?void 0:o.rule,render:function(t){var n=t.field,a=n.name,r=n.value,o=n.onChange,l=t.fieldState.error;return e.createElement(tn.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray600},f.age.label),placeholder:B("healthtool.placeholder.age"),name:a,value:r||0,onChange:o,error:x?null==l?void 0:l.message:"",min:0})}})),!H&&e.createElement(He,null,e.createElement(Qt,{name:"height",control:L,rules:null===(l=f.height)||void 0===l?void 0:l.rule,render:function(t){var n=t.field,a=n.name,r=n.value,o=n.onChange,l=t.fieldState.error;return e.createElement(tn.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray600},f.height.label),placeholder:B("pwg.placeholder.height"),name:a,value:r||0,onChange:o,error:x?null==l?void 0:l.message:"",min:0})}})),!F&&e.createElement(He,null,e.createElement(Qt,{name:"weight",control:L,rules:null===(c=f.weight)||void 0===c?void 0:c.rule,render:function(t){var n=t.field,a=n.name,r=n.value,o=n.onChange,l=t.fieldState.error;return e.createElement(tn.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray600},f.weight.label),placeholder:B("pwg.placeholder.weight"),name:a,value:r||0,onChange:o,error:x?null==l?void 0:l.message:"",precision:1,min:0})}})),!W&&e.createElement(He,null,e.createElement(Qt,{name:"objective",control:L,defaultValue:"lose-weight",rules:null===(s=f.objective)||void 0===s?void 0:s.rule,render:function(t){var n=t.field,a=n.name,r=n.value,o=n.onChange,l=t.fieldState.error;return e.createElement(Te,{size:"md",name:a,label:f.objective.label,CustomInput:e.createElement(Pe,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:O,value:r,onChange:o}),errorMessage:x?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}}))),e.createElement("div",{style:{display:"flex"}},e.createElement(We,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:"https://".concat(Zt[b],"/").concat(V)},B("bmi.submit")))))},Nr=function(t){var n,a,r,o=t.isMobile,l=t.onSubmit,c=t.bmiContent,s=t.isSide,d=t.bmiGenerated,m=t.bmiUnit,u=t.bmiLink,p=t.locale,g=Yt().t;return e.createElement(Se,{"data-is-side":s},e.createElement(Ae,{isSide:s,bannerUrl:Xt.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==c?void 0:c.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:g("bmi.heading"),medicalReview:(null===(n=null==c?void 0:c.reviewBy)||void 0===n?void 0:n.reviewer)?e.createElement(i,{size:"n1",color:h.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:g("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null===(a=null==c?void 0:c.reviewBy)||void 0===a?void 0:a.link)||"#",'"\n >\n ').concat(c.reviewBy.reviewer,"\n </a>"),date:null===(r=null==c?void 0:c.reviewBy)||void 0===r?void 0:r.date})}}),e.createElement("span",null)):void 0,isMobile:o}),e.createElement(y,null,e.createElement(De,{as:"div","data-is-side":s},u&&e.createElement(Lr,{onSubmit:l,bmiGenerated:d,locale:p,bmiUnit:m,isSide:s}))))},zr=function(n){var a,o,c=n.isMobile,s=n.className,d=n.onSubmit,m=n.onError,g=n.isLoggedIn,v=n.currentUrl,f=n.onAddMeasurement,E=n.schema,b=n.source,w=n.babyLists,y=Yt().t,x=t(null),k=x[0],C=x[1],L=l((function(){return u(void 0,void 0,void 0,(function(){var e;return p(this,(function(t){switch(t.label){case 0:return[4,rn(on(ln.GET_HEALTH_TOOL_BABY_GROWTH_INFO),"GET")];case 1:return e=t.sent(),C((function(){return sn(null==e?void 0:e.data)})),[2]}}))}))}),[]);return r((function(){L()}),[L]),e.createElement(Se,{"data-is-mobile":c},e.createElement(Ae,{bannerUrl:Xt.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:Xt.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==k?void 0:k.featuredImage)||""}),heading:(null==k?void 0:k.title)||"",medicalReview:(null===(a=null==k?void 0:k.reviewBy)||void 0===a?void 0:a.reviewer)&&""!==(null===(o=null==k?void 0:k.reviewBy)||void 0===o?void 0:o.reviewer)?e.createElement(i,{size:"p4",color:h.colors.white,className:"embedded-review"},e.createElement("span",{dangerouslySetInnerHTML:{__html:y("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null==k?void 0:k.reviewBy.link)||"#",'"\n >\n ').concat(k.reviewBy.reviewer.trim(),"\n </a>"),date:k.reviewBy.date})}})):void 0,isMobile:c}),e.createElement(Re,null,e.createElement(Ve,{onAddMeasurement:f,isMobile:c,schema:E,source:b,babyLists:w,className:s,onSubmit:d,onError:m,isLoggedIn:g,currentUrl:v})))},_r=function(t){var n=t.babyPoopPage,a=t.onClickFindOut,r=t.locale,o=t.isMobile,l=t.currentUrl,c=t.isSide,s=Yt().t,d=n.reviewedBy,m=n.reviewedDate;return e.createElement(Ge,null,e.createElement(un,{className:"px-16",style:{height:"100%",display:"".concat(o?"flex":""),flexDirection:"column"}},o&&e.createElement(Oe,{src:Xt.getAssetPath("babyDiaper.png"),alt:n.title}),e.createElement(Ze,{"data-is-side":c},e.createElement(Ue,{"data-is-side":c},e.createElement(x,{tag:"h2",color:"#284A75"},n.title),e.createElement(i,{size:"p3",className:"description"},n.description),!!d&&e.createElement(qe,{className:"reviewer"},e.createElement("img",{src:Xt.getAssetPath("reviewerCheck.svg"),alt:"check",className:"check-icon"}),e.createElement(i,{size:"p4",color:h.colors.gray600},s("categoryPage.info.reviewed")," ",e.createElement("a",{href:d.profileUrl},d.displayName)," ",s("categoryPage.onDate",{date:m}))),e.createElement(w,{color:"primary",size:"md",className:"mt-16 find-out-button",onClick:a,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:l,style:{visibility:Boolean(a)?"visible":"hidden"}},s("babyPoop.findOut"))),!o&&e.createElement(Oe,{src:Xt.getAssetPath("babyDiaper.png"),alt:n.title,"data-is-vietnam":r===pn.Vietnam,className:"banner-img"}))))},Br=function(n){var a=n.value,r=n.options,o=n.className,l=n.direction,c=void 0===l?"horizontal":l,s=n.onChange,d=n.isDisabled,m=t(a),u=m[0],p=m[1];return e.createElement(Ke,{className:o,"data-direction":c},r.map((function(t,n){return e.createElement(Ye,{"data-selected":(a||u)===t.value,"data-disabled":d,key:"health-tool".concat(n),onClick:function(){var e;e=t.value,d||(p(e),s&&s(e))}},e.createElement("div",null,e.createElement("img",{src:(a||u)===t.value?t.imageActive:t.image,className:"gender-image",alt:""}),t.label&&e.createElement(i,{type:"bold",className:"radio-group-item-heading",size:"label1"},t.label)))})))},Mr=function(n){var a=n.info,o=n.className,l=n.style,c=n.onChange,d=n.errorMessage,m=void 0===d?{}:d,u=n.locale,p=Yt().t,g=t(new Date),v=g[0],f=g[1],E=t({age:!1,rate:!1}),b=E[0],w=E[1];return r((function(){w({age:!1,rate:!1})}),[m]),e.createElement(Xe,{style:l,className:o},e.createElement(zn,{className:"input-section due-date-input",label:e.createElement(i,{size:"n1",type:"bold",color:h.colors.gray600,style:{marginBottom:"9px",flex:"1"}},p("targetHeartRate.ageInput")),value:Je(v),name:"date",size:"md",CustomInput:e.createElement(Qe,{customInput:function(t){return e.createElement("input",s({type:"date",className:"due-date-input"},t,{value:Je(v)}))},disabledDays:{after:new Date(hn(new Date,0))},locale:u,pickedDate:v,displayDateFormat:cn,onChange:function(e){!function(e){f(e),w((function(e){return s(s({},e),{age:!0})}));var t=s(s({},a),{age:vn(new Date(e),$e)});c&&c(t)}(e)},placeholder:"placeholder"}),errorMessage:b.age?"":m.age}))},Sr=function(n){var o,l,c,s=n.isSide,d=n.locale,m=n.thrContent,u=n.isMobile,p=n.info,g=n.inputErrorMessage,v=n.onFormChange,f=n.onSubmit,E=Yt().t,b=nn(d).getHealthToolLink,w=a((function(){return b(an.THR)}),[b]),x=t(!1),k=x[0],C=x[1],L=t("low_intensity"),N=L[0],z=L[1],_=t("male"),B=_[0],M=_[1],S=t([60]),A=S[0],D=S[1],I=t({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),j=I[0],H=I[1],T=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],F=[{value:"low_intensity",label:E("targetHeartRate.lowIntensity.title"),image:Xt.getAssetPath("/low.svg"),imageActive:Xt.getAssetPath("/low-active.svg"),content:E("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:E("targetHeartRate.moderateIntensity.title"),image:Xt.getAssetPath("/moderate.svg"),imageActive:Xt.getAssetPath("/moderate-active.svg"),content:E("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:E("targetHeartRate.aerobicZone.title"),image:Xt.getAssetPath("/aerobic.svg"),imageActive:Xt.getAssetPath("/aerobic-active.svg"),content:E("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:E("targetHeartRate.vigorousIntensity.title"),image:Xt.getAssetPath("/vigorous.svg"),imageActive:Xt.getAssetPath("/vigorous-active.svg"),content:E("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:E("targetHeartRate.maximumIntensity.title"),image:Xt.getAssetPath("/maximum.svg"),imageActive:Xt.getAssetPath("/maximum-active.svg"),content:E("targetHeartRate.maximumIntensity.note")}],P=a((function(){return[{value:"male",label:E("gender.male"),content:e.createElement($t.GenderChooseBoy,null)},{value:"female",label:E("gender.female"),content:e.createElement($t.GenderChooseGirl,null)}]}),[]);return r((function(){var e=((new Date).getTime()-new Date(p.age).getTime())/1e3;C(e>=567648e3);var t=T.find((function(t){return e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60}))||T[0];H(t),D([60])}),[p.age]),e.createElement(Se,{"data-is-side":s},e.createElement(Ae,{isSide:s,bannerUrl:Xt.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==m?void 0:m.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:E("targetHearRate.heading"),medicalReview:(null===(o=null==m?void 0:m.reviewedBy)||void 0===o?void 0:o.display_name)?e.createElement(i,{size:"n1",color:h.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:E("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(dn(null==m?void 0:m.reviewedBy),'"\n >\n ').concat(null===(l=null==m?void 0:m.reviewedBy)||void 0===l?void 0:l.display_name,"\n </a>"),date:null==m?void 0:m.reviewedDate})}}),e.createElement("span",null)):void 0,isMobile:u}),e.createElement(y,null,e.createElement(De,{className:"heart-rate-cal",onSubmit:function(e){return e.preventDefault()},"data-is-side":s},e.createElement(et,{"data-is-side":s},e.createElement(tt,null,e.createElement(nt,{size:"md",name:"gender",label:E("bmi.selectGender"),CustomInput:e.createElement(en,{options:P,value:B,onChange:function(e){M(e),D([60])},className:"bmi--input-radio_gender"}),className:"bmi--input bmi--input-gender"}))),e.createElement(et,null,e.createElement(Mr,{info:p,locale:d,errorMessage:g,onChange:v})),e.createElement(gn,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:h.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},E("targetHeartRate.heartRateInput")),e.createElement("div",{style:{width:"100%",marginBottom:"12px"}},e.createElement(at,{className:"slider-heart-rate",min:"male"===B?j.rangeMale:j.rangeFemale,max:200,step:1,value:A,onChange:D})),k&&e.createElement(tt,null,e.createElement(rt,null,e.createElement(gn,{size:"label2",style:{display:"inline-block",fontWeight:"bold",color:h.colors.gray600,marginBottom:"9px"},htmlFor:"gender-selector"},E("targetHeartRate.selectActive")),e.createElement("div",{className:"card"},e.createElement(Br,{options:F.map((function(e){return{value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}})),value:N,onChange:function(e){z(e)},className:"gender-selector"})),N&&e.createElement("div",{className:"note"},e.createElement("img",{style:{height:"16px",width:"16px"},src:Xt.getAssetPath("/infoIcon.svg"),alt:""}),e.createElement(i,{size:"n1",color:"#595959"},null===(c=F[F.findIndex((function(e){return e.value==N}))||0])||void 0===c?void 0:c.content)),!N&&e.createElement("span",{style:{color:"#e64728"}},g.intensity)))),e.createElement("div",{style:{display:"flex"}},e.createElement(ot,{size:"lg",onClick:function(){f(B,N,A)},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:"https://".concat(Zt[d],"/").concat(w)},E("bmi.submit")))))},Ar=function(n){var o=n.info,l=n.className,c=n.style,d=n.onChange,m=n.errorMessage,u=void 0===m?{}:m,p=n.locale,g=n.onClick,v=n.isSide,f=Yt().t,E=t({age:!1,height:!1,weight:!1}),b=E[0],w=E[1],y=nn(p).getHealthToolLink,x=a((function(){return y(an.OVULATION)}),[y]),k=t("male"),C=k[0],L=k[1],N=a((function(){return[{value:"male",label:f("gender.male"),content:e.createElement($t.GenderChooseBoy,null)},{value:"female",label:f("gender.female"),content:e.createElement($t.GenderChooseGirl,null)}]}),[]),z=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},_=function(e){var t,n;n=function(e){w((function(e){return s(s({},e),{age:!0})}));var t=s(s({},o),{age:e});d&&d(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||n(t)};return r((function(){d&&d(s(s({},o),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),r((function(){w({age:!1,height:!1,weight:!1})}),[u]),e.createElement(lt,{style:c,className:l},e.createElement(it,{"data-is-side":v},e.createElement(ct,{size:"md",name:"gender",label:f("bmi.selectGender"),CustomInput:e.createElement(en,{options:N,value:C,onChange:function(e){return L(e)},className:"bmi--input-radio_gender ".concat(v?"bmi-side-embed":"")}),className:"bmi--input bmi--input-gender"})),e.createElement(st,{"data-is-side":v},e.createElement(it,null,e.createElement(tn.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray600},f("bmi.ageInput")," ",e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray300,as:"span"},f("bmi.ageInput.desc"))),placeholder:f("healthtool.placeholder.age"),value:Number(o.age)||0,onChange:function(e){return _(String(e))},error:b.age?"":u.age,min:0})),e.createElement(it,null,e.createElement(tn.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray600},f("bmi.heightInput")," ",e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray300,as:"span"},f("bmi.heightInput.desc"))),placeholder:f("pwg.placeholder.height"),value:Number(o.height)||0,onChange:function(e){return t=String(e),void z(t,(function(e){w((function(e){return s(s({},e),{height:!0})}));var t=s(s({},o),{height:e});d&&d(t)}));var t},error:b.height?"":u.height,min:0})),e.createElement(it,null,e.createElement(tn.Number,{label:e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray600},f("bmi.weightInput")," ",e.createElement(i,{size:"label2",type:"bold",color:h.colors.gray300,as:"span"},f("bmi.weightInput.desc"))),placeholder:f("pwg.placeholder.weight"),value:Number(o.weight)||0,onChange:function(e){return t=String(e),w((function(e){return s(s({},e),{weight:!0})})),void z(t,(function(e){var t=s(s({},o),{weight:e});d&&d(t)}));var t},error:b.weight?"":u.weight,min:0,precision:1}))),e.createElement("div",{style:{display:"flex"}},e.createElement(dt,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:"https://".concat(Zt[p],"/").concat(x),onClick:function(){g(C)}},f("bmi.submit"))))},Dr=function(t){var n,a,r,o=t.isSide,l=t.locale,c=t.bmrContent,s=t.isMobile,d=t.info,m=t.inputErrorMessage,u=t.onFormChange,p=t.onSubmit,g=Yt().t;return e.createElement(Se,{"data-is-side":o},e.createElement(Ae,{isSide:o,bannerUrl:Xt.getAssetPath("embedToolBannerBlue.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:null==c?void 0:c.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:g("bmr.heading"),medicalReview:(null===(n=null==c?void 0:c.reviewBy)||void 0===n?void 0:n.reviewer)?e.createElement(i,{size:"n1",color:h.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:g("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null===(a=null==c?void 0:c.reviewBy)||void 0===a?void 0:a.link)||"#",'"\n >\n ').concat(c.reviewBy.reviewer,"\n </a>"),date:null===(r=null==c?void 0:c.reviewBy)||void 0===r?void 0:r.date})}}),e.createElement("span",null)):void 0,isMobile:s}),e.createElement(y,null,e.createElement(De,{onSubmit:function(e){return e.preventDefault()},"data-is-side":o},e.createElement(mt,null,e.createElement(Ar,{info:d,locale:l,errorMessage:m,onChange:u,onClick:p,isSide:o})))))},Ir=function(t){var n=t.src,a=t.title,r=t.backgroundSrc,o=t.className,l=t.reviewedSection,i=t.isAmp,c=t.isSide;return e.createElement(ut,{className:o},e.createElement(pt,{style:{backgroundImage:'url("'.concat(r,'")')}},e.createElement(gt,{"data-is-side":c},e.createElement(ht,{"data-is-side":c},e.createElement(x,{tag:"h4",color:"white"},a),l),e.createElement(vt,null,i?e.createElement("amp-img",{src:n||"",alt:a,width:"140",height:"140"}):e.createElement("img",{src:n||"",style:{objectFit:"contain"},alt:a})))))},jr=function(t){var n,a,r,o=t.backgroundDesktopSrc,l=t.backgroundMobileSrc,c=t.title,s=t.className,d=t.isSide,m=t.isAmp,u=t.ovulationContent,p=Yt().t,g=dn(null==u?void 0:u.reviewed_by);return e.createElement(ft,{className:s,"data-is-side":d},e.createElement(Et,{style:{backgroundImage:"url('".concat(l||o,"')")}},e.createElement(bt,null,e.createElement(x,{tag:"h5",color:"white"},c),(null===(n=null==u?void 0:u.reviewed_by)||void 0===n?void 0:n.display_name)?e.createElement(i,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},e.createElement("span",{dangerouslySetInnerHTML:{__html:p("articlePage.articleReviewerBy",{name:'<a\n style="color: white"\n href="'.concat(g,'"\n >\n ').concat(u.reviewed_by.display_name,"\n </a>")})}}),e.createElement("span",null,p("tools.heading.on")),e.createElement("span",null,null==u?void 0:u.reviewed_date)):null),e.createElement(wt,{"data-is-side":d},m?e.createElement("amp-img",{src:(null==u?void 0:u.featured_image)||"",alt:c,width:"100%",height:"100%"}):e.createElement("img",{src:(null==u?void 0:u.featured_image)||"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:c}))),e.createElement(Ir,{className:"desktop-only",src:(null==u?void 0:u.featured_image)||"",backgroundSrc:o||l||"",title:c,reviewedSection:(null===(a=null==u?void 0:u.reviewed_by)||void 0===a?void 0:a.display_name)&&""!==(null===(r=null==u?void 0:u.reviewed_by)||void 0===r?void 0:r.display_name)&&e.createElement(i,{size:"n1",color:h.colors.white,style:{marginTop:12}},e.createElement("span",{dangerouslySetInnerHTML:{__html:p("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(g,'"\n >\n ').concat(u.reviewed_by.display_name,"\n </a>"),date:null==u?void 0:u.reviewed_date})}}),e.createElement("span",null)),isSide:d}))},Hr=function(t){var n=t.onSubmitOvulation,a=t.locale,r=t.ovulationPageInfo,o=t.ovulationContent,l=t.isSide,i=void 0!==l&&l,c=Yt().t,s=mn(r||null);return e.createElement(Se,{"data-is-side":i},e.createElement(jr,{backgroundDesktopSrc:Xt.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:Xt.getAssetPath("embedToolBannerPink.svg"),title:c("healthTools.ovulationCalculator"),reviewedBy:s.reviewedBy,reviewedDate:s.reviewedDate,ovulationContent:o,isSide:i}),e.createElement(y,null,e.createElement(De,{onSubmit:function(e){return e.preventDefault()},className:"ovulation-cal","data-is-side":i},e.createElement(yt,{locale:a,onSubmitOvulation:n,isSide:i}))))},Tr=function(a){var o=a.info,l=a.onChange,i=a.errorMessage,c=void 0===i?{}:i,d=Yt().t,m=t({weightBefore:!1,height:!1,weight:!1}),u=m[0],p=m[1],g=t(0),v=g[0],f=g[1],E=n(null);r((function(){f(E.current.clientHeight)}));var b=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)};return r((function(){l&&l(s({},o))}),[]),r((function(){p({weightBefore:!1,height:!1,weight:!1})}),[c]),e.createElement(e.Fragment,null,e.createElement("div",{className:"input-form-pwg"},e.createElement(_n,{placeholder:d("pwg.placeholder.height"),className:"input-section",label:e.createElement("span",{style:{color:h.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},d("pregnancyWeightGain.heightInput")," ",e.createElement("span",{style:{color:"".concat(h.colors.gray300)}},d("bmi.heightInput.desc"))),errorMessage:u.height?"":null==c?void 0:c.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==o?void 0:o.height,onChange:function(e){b(e,(function(e){p((function(e){return s(s({},e),{height:!0})}));var t=s(s({},o),{height:e});l&&l(t)}))}})),e.createElement("div",{className:"input-form-pwg"},e.createElement(_n,{placeholder:d("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:h.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:E,className:"label-text"},d("pregnancyWeightGain.weightBeforeInput")," ",e.createElement("span",{style:{color:"".concat(h.colors.gray300)}},d("pregnancyWeightGain.weightInput.desc"))),errorMessage:u.weightBefore?"":null==c?void 0:c.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:function(e){b(e,(function(e){p((function(e){return s(s({},e),{weightBefore:!0})}));var t=s(s({},o),{weightBefore:e});l&&l(t)}))},value:null==o?void 0:o.weightBefore})),e.createElement("div",{className:"input-form-pwg"},e.createElement(_n,{placeholder:d("pwg.placeholder.weight"),className:"input-section",label:e.createElement("span",{style:{color:h.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:v},className:"label-text"},d("pregnancyWeightGain.weightInput")," ",e.createElement("span",{style:{color:"".concat(h.colors.gray300)}},d("pregnancyWeightGain.weightInput.desc"))),errorMessage:u.weight?"":null==c?void 0:c.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==o?void 0:o.weight,onChange:function(e){b(e,(function(e){p((function(e){return s(s({},e),{weight:!0})}));var t=s(s({},o),{weight:e});l&&l(t)}))}})))},Fr=function(n){var r,o,l=n.locale,c=n.onClick,s=n.inputErrorMessage,m=n.pwgContent,u=n.onFormChange,p=n.info,g=n.isMobile,v=n.isSide,f=void 0!==v&&v,E=Yt().t,b=t("notwins"),x=b[0],k=b[1],C=t({label:"1",value:1}),L=C[0],N=C[1],z=a((function(){return d([],Array(40),!0).map((function(e,t){return{label:"".concat(t+1),value:"".concat(t+1)}}))}),[]),_=nn(l).getHealthToolLink,B=a((function(){return _(an.PWG)}),[_]),M=(null===(r=null==m?void 0:m.reviewedBy)||void 0===r?void 0:r.display_name)?e.createElement(i,{size:"n1",color:h.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:E("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(dn(null==m?void 0:m.reviewedBy),'"\n >\n ').concat(null===(o=null==m?void 0:m.reviewedBy)||void 0===o?void 0:o.display_name,"\n </a>"),date:null==m?void 0:m.reviewedDate})}}),e.createElement("span",null)):void 0;return e.createElement(Se,{"data-is-side":f},e.createElement(Ae,{bannerUrl:Xt.getAssetPath("embedToolBannerPink.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:m.featuredImage,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:E("pregnancyWeightGain.heading"),medicalReview:M,isMobile:g,isSide:f}),e.createElement(y,null,e.createElement(De,{onSubmit:function(e){return e.preventDefault()},className:"pwg-view-mobile","data-is-side":f},e.createElement(xt,{className:"hide-asking-mobile","data-is-side":f},e.createElement(gn,{size:"label2",style:{display:"block",fontWeight:"bold",color:h.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},E("pregnancyWeightGain.havingTwins")),e.createElement(kt,{options:[{value:"twins",label:E("switchBtn.yes")},{value:"notwins",label:E("switchBtn.no")}],value:x,onChange:function(e){return k(e)},className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),e.createElement(Ct,null,e.createElement(Lt,{className:"input-section input-form-pwg","data-is-side":f},e.createElement(gn,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:h.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},E("pregnancyWeightGain.weekInput")),e.createElement(Vt,{options:z,placeholder:String(L.label),id:"weight-gain-dropdown",size:"md",value:L,onChange:function(e){return N({label:e.label,value:e.value})}})),e.createElement(Tr,{info:p,errorMessage:s,onChange:u})),e.createElement(xt,{className:"hide-asking-desk","data-is-side":f},e.createElement(gn,{size:"label2",style:{display:"block",fontWeight:"bold",color:h.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},E("pregnancyWeightGain.havingTwins")),e.createElement(kt,{options:[{value:"twins",label:E("switchBtn.yes")},{value:"notwins",label:E("switchBtn.no")}],value:x,onChange:function(e){return k(e)},className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),e.createElement(Nt,{"data-is-side":f},e.createElement(w,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:"https://".concat(Zt[l],"/").concat(B),className:"due-date-calculate-button",size:"lg",color:"primary",onClick:function(){return c(x,L.value)},role:"button"},E("dueDatePage.lastPeriod.calculate"))))))},Pr=function(t){var n=t.ampNextArticles,a=(null==n?void 0:n.filter(Boolean))||[];if(!(null==a?void 0:a.length))return null;return e.createElement("amp-next-page",null,e.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(a.map((function(e){return{image:e.image||"",title:e.title?JSON.stringify(e.title):"",url:e.link||""}})))}}),e.createElement("div",s({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))},Wr=function(){return"undefined"!=typeof window&&window.innerWidth<E.BREAK_POINT_MOBILE},Rr=function(){return"undefined"!=typeof window&&window.innerWidth>=E.BREAK_POINT_MOBILE&&window.innerWidth<E.BREAK_POINT_PC};var Vr={"en-PH":Mn,"vi-VN":An,"zh-TW":Dn,"id-ID":Sn};function Gr(n){var o=n.value,l=void 0===o?{from:null,to:null}:o,i=t(null),c=i[0],d=i[1],m=function(){var e=t(Wr()),n=e[0],a=e[1],o=t(Rr()),l=o[0],i=o[1];return r((function(){var e=function(){a(Wr()),i(Rr())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:n,isLargeMobile:l}}().isMobile,u=t((function(){return l})),p=u[0],g=u[1],h=t((function(){var e;return En(null!==(e=l.from)&&void 0!==e?e:new Date)})),v=h[0],f=h[1],E=a((function(){return bn(v,1)}),[v]);var b=s(s({},n),{goToNextMonth:function(){f((function(e){return bn(e,1)}))},goToPreviousMonth:function(){f((function(e){return wn(e,1)}))},range:p,setRange:g,hoverDay:c,setHoverDay:d});return e.createElement(e.Fragment,null,e.createElement(Or,s({},b,{date:v})),!m&&e.createElement(zt,null),!m&&e.createElement(Or,s({},b,{date:E})))}function Or(t){var n=t.date,o=t.range,l=t.setRange,i=t.onChange,c=t.goToPreviousMonth,d=t.goToNextMonth,m=t.minDate,u=t.maxDate,p=t.close,g=void 0===p?function(){}:p,h=t.autoClose,v=void 0!==h&&h,f=t.hoverDay,E=t.setHoverDay,b=Yt().locale,y=a((function(){var e;return null!==(e=Vr[b])&&void 0!==e?e:Vr["en-PH"]}),[b]),x=a((function(){return vn(n,"MMMM",{locale:y})}),[n,y]),k=a((function(){return y?[1,2,3,4,5,6,0].map((function(e){return y.localize.day(e,{width:"narrow"})})):[]}),[y]);function C(t,n){if(null===t)return e.createElement(Ht,{key:"idx-".concat(n),"data-empty":"true"});var a=t.getDate(),r=xn(t),i=!!o.from&&kn(o.from,t),c=!!o.to&&kn(o.to,t),d=i||c,p=!1;null!==f&&o.from&&fn(o.from,f)&&!o.to?p=Cn(t,{start:o.from,end:f}):o.from&&o.to&&(p=Cn(t,{start:o.from,end:o.to}));var h=!1;return m&&u?h=!Cn(t,{start:m,end:u}):m?h=fn(t,m):u&&(h=Ln(t,u)),e.createElement(Ht,{key:a,"data-is-today":r,"data-is-past":!r&&Nn(t),"data-is-selected":d,"data-is-disabled":h,"data-in-range":p,"data-is-from":i,"data-is-to":c,onMouseEnter:function(){E(t)},onMouseLeave:function(){return E(null)},onClick:function(){h||l((function(e){return v&&o.from&&!o.to&&g(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?fn(e,t.from)?s(s({},t),{from:e}):s(s({},t),{to:e}):t:s(s({},t),{from:e})}(t,e)}))}},e.createElement(Tt,{onClick:function(){}},e.createElement("p",null,a)))}return r((function(){o.from&&o.to&&i(o)}),[o]),e.createElement(_t,{className:"calendar-wrapper"},e.createElement(Bt,null,e.createElement(w,{onClick:c,size:"md",color:"ghost",icon:e.createElement("img",{src:Xt.getAssetPath("calendarArrowLeft.svg")})}),e.createElement("div",{className:"calendar-month"},x,e.createElement("strong",null,vn(n,"yyyy"))),e.createElement(w,{onClick:d,size:"md",color:"ghost",icon:e.createElement("img",{src:Xt.getAssetPath("calendarArrowRight.svg")})})),e.createElement(Mt,null,e.createElement("div",null,e.createElement(St,null,k.map((function(t,n){return e.createElement(At,{key:"".concat(t,"-").concat(n)},t)})))),e.createElement("div",null,function(){for(var t=n.getFullYear(),a=n.getMonth(),r=yn(n),l=[],i=1;i<=r;i++)l.push(new Date(t,a,i));var c=l[0]?l[0].getDay():0;if(1!==c){var s=0===c?6:c-1;for(i=0;i<s;i++)l.unshift(null)}return e.createElement(Dt,{key:"month-".concat(a),"data-month-index":a,"data-has-range":Boolean(o.from&&o.to)},e.createElement(It,null,e.createElement(jt,null,l.map(C))))}())))}function Zr(r){var o=r.inputSize,l=void 0===o?"md":o,i=r.name,c=void 0===i?"date-range-picker":i,s=r.value,d=r.minDate,m=r.maxDate,u=r.onChange,p=r.className,g=r.autoClose,h=void 0!==g&&g;s||(s={from:null,to:null});var v=t(!1),f=v[0],E=v[1];function b(){E(!1)}var w=n(null);function y(e){u&&u(e)}function x(e){return vn(e,"dd/MM/yyyy")}Bn(w,(function(){b()}));var k=a((function(){return s.from&&s.to?kn(s.from,s.to)?x(s.from):"".concat(x(s.from)," - ").concat(x(s.to)):""}),[s.from,s.to]);return e.createElement(Ft,{className:[p,f&&"focused"].filter(Boolean).join(" "),ref:w},e.createElement("label",{htmlFor:c},e.createElement(_n,{size:l,value:k,name:c,actionIcon:e.createElement("img",{src:Xt.getAssetPath("calendar.svg")}),onFocus:function(){return E(!0)}})),f?e.createElement(Pt,{onMouseDown:function(e){e.stopPropagation()}},e.createElement(Gr,{value:s,onChange:y,minDate:d,maxDate:m,close:b,autoClose:h})):null)}var Ur=function(){return e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},qr=function(t){var n=t.url,a=t.onCopied,r=t.locale,o=Yt().t,l=In(n||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(r)}));return e.createElement(Wt,null,e.createElement(i,{size:"p3",color:h.colors.gray800},o("shareContainer.title")),e.createElement("div",{className:"icon-group"},l.map((function(t,n){return e.createElement("a",{key:n,href:t.href,target:"_blank",rel:"noreferrer"},t.icon)})),e.createElement(w,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(Ur,null),onClick:function(){return u(void 0,void 0,void 0,(function(){var e;return p(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(n)];case 1:return t.sent(),null==a||a(),[2]}}))}))}})))},Kr=function(){return e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},e.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"}))},Yr=function(t){var n=t.open,a=t.title,o=t.onClose,c=t.onCopied,d=t.onShared,g=t.url,v=t.locale,f=m(t,["open","title","onClose","onCopied","onShared","url","locale"]),E=Yt().t,b=l((function(){return u(void 0,void 0,void 0,(function(){var e;return p(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(g)];case 1:return t.sent(),null==c||c(),[2]}}))}))}),[g,c]),y=In(g||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(v)}));return r((function(){n&&navigator.share&&navigator.share({title:null!=a?a:"Read This Post",url:g}).then((function(){null==d||d()})).catch((function(){null==o||o()}))}),[g,a,d,n]),"undefined"!=typeof navigator&&navigator.share?null:e.createElement(Rt,s({title:E("share.title"),onClose:o,open:n,placement:"bottom"},f),e.createElement("div",{className:"share-container"},e.createElement("div",{className:"icon-container"},e.createElement(i,{type:"semiBold",size:"s3",color:h.colors.gray600},E("share.title")),e.createElement("div",{className:"icon-group"},y.map((function(t,n){return e.createElement("a",{key:n,href:t.href,target:"_blank",rel:"noreferrer"},t.icon)})))),e.createElement("div",{className:"link-container"},e.createElement(i,{type:"semiBold",size:"s3",color:h.colors.gray600},E("share.copyLink")),e.createElement("div",{className:"input-group"},e.createElement(zn,{name:"link",size:"md",value:g,isDisabled:!0}),e.createElement(w,{size:"md",type:"button",color:"tertiary",icon:e.createElement(Kr,null),onClick:b})))))};export{ma as A,pa as B,Ua as C,kr as D,Pr as E,ya as F,ka as G,Zr as H,sr as I,qr as J,Yr as K,Hr as O,_a as P,$a as R,Ma as S,Aa as T,Wa as U,ha as a,Fa as b,Za as c,Ka as d,tr as e,rr as f,lr as g,ir as h,cr as i,dr as j,mr as k,pr as l,hr as m,vr as n,fr as o,Er as p,br as q,wr as r,yr as s,xr as t,Nr as u,zr as v,_r as w,Sr as x,Dr as y,Fr as z};