npm - @hhgtech/hhg-components - Versions diffs - 1.21.0-beta-17 → 1.21.0 - Mend

@hhgtech/hhg-components 1.21.0-beta-17 → 1.21.0

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 (157) hide show

package/build/esm/{index-d009b597.js → index-642d36c8.js} RENAMED Viewed

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

package/build/esm/index-7a537be1.js ADDED Viewed

@@ -0,0 +1 @@

+ import{b as t,_ as a}from"./tslib.es6-5532bd7b.js";import e from"react";import{V as o}from"./index.styled-faeac279.js";var n=function(n){var i,s=n.as,d=n.tag,l=n.className,r=n.children,c=n.title,g=n.color,v=n.style,m=n.fontWeight,h=n.dataEventCategory,f=n.dataEventAction,b=n.dataEventLabel,y=t(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),E=s||d;return e.createElement(o,a({title:c,style:a(a({},g?(i={},i["--custom-heading-color"]=g,i):void 0),v),"data-tag":d,"data-font-weight":m||void 0,"data-event-category":h,"data-event-action":f,"data-event-label":b,as:E,className:l,headingFontWeight:m,headingTag:d},y),r)};export{n as H};

package/build/esm/{index-0d69362e.js → index-93d22d63.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{b as t,_ as a}from"./tslib.es6-5532bd7b.js";import e from"react";import{F as r,G as d}from"./index.styled-~~b9f4b7d1~~.js";var o=function(o){var n=o.size,i=o.color,c=void 0===i?"primary":i,l=o.theme,s=void 0===l?"helloSites":l,m=o.isDisabled,u=o.isBlock,C=o.title,p=o.className,h=o.onClick,v=o.icon,g=o.children,k=o.isLoading,E=o.loadingText,b=o.dataEventCategory,w=o.dataEventAction,y=o.dataEventLabel,P=o.dataProductChannel,f=o.dataProductSku,x=o.dataProductBrand,B=o.dataProductName,A=o.dataProductPrice,L=o.dataProductCategory,F=o.dataProductPosition,z=o.isAmp,N=o.on,D=o.dataVarsTracking,T=o.type,I=t(o,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),M=z?{"data-vars-event-category":b,"data-vars-event-action":w,"data-vars-event-label":y,"data-vars-product-channel":P,"data-vars-product-sku":f,"data-vars-product-brand":x,"data-vars-product-name":B,"data-vars-product-price":A,"data-vars-product-category":L,"data-vars-product-position":F,"data-vars-tracking":D,on:N}:{"data-event-category":b,"data-event-action":w,"data-event-label":y,"data-product-channel":P,"data-product-sku":f,"data-product-brand":x,"data-product-name":B,"data-product-price":A,"data-product-category":L,"data-product-position":F};return e.createElement(r,a({},M,{className:p,"data-size":n,"data-color":c,"data-block":u,"data-has-icon":!!v\|\|void 0,"data-theme":s,disabled:m,onClick:function(t){!k&&!m&&h&&h(t)},title:C,"data-is-loading":k\|\|void 0,buttonHasIcon:!!v,buttonTheme:s,buttonSize:n,buttonColor:c,buttonIsLoading:k,buttonIsBlock:u,type:T},I),k?e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:24}},("secondary"===c\|\|"transparent"===c\|\|"tertiary"===c\|\|"ghost"===c\|\|"danger"===c)&&e.createElement(e.Fragment,null,e.createElement("svg",{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"#DBDFE5",strokeWidth:"4"})),e.createElement(d,{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e.createElement("mask",{id:"a",fill:"#fff"},e.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z"})),e.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z",stroke:"#2D87F3",strokeWidth:"8",mask:"url(#a)"}))),"primary"===c&&e.createElement(e.Fragment,null,e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),e.createElement(d,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.createElement("mask",{id:"path-1-inside-1",fill:"white"},e.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),e.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),e.createElement("span",null,E)):e.createElement("span",null,!k&&e.createElement("span",{className:"button-icon"},v)," ",g))};export{o as B};
1	+ import{b as t,_ as a}from"./tslib.es6-5532bd7b.js";import e from"react";import{F as r,G as d}from"./index.styled-faeac279.js";var o=function(o){var n=o.size,i=o.color,c=void 0===i?"primary":i,l=o.theme,s=void 0===l?"helloSites":l,m=o.isDisabled,u=o.isBlock,C=o.title,p=o.className,h=o.onClick,v=o.icon,g=o.children,k=o.isLoading,E=o.loadingText,w=o.dataEventCategory,b=o.dataEventAction,y=o.dataEventLabel,P=o.dataProductChannel,f=o.dataProductSku,x=o.dataProductBrand,B=o.dataProductName,A=o.dataProductPrice,L=o.dataProductCategory,F=o.dataProductPosition,z=o.isAmp,N=o.on,D=o.dataVarsTracking,T=o.type,I=t(o,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),M=z?{"data-vars-event-category":w,"data-vars-event-action":b,"data-vars-event-label":y,"data-vars-product-channel":P,"data-vars-product-sku":f,"data-vars-product-brand":x,"data-vars-product-name":B,"data-vars-product-price":A,"data-vars-product-category":L,"data-vars-product-position":F,"data-vars-tracking":D,on:N}:{"data-event-category":w,"data-event-action":b,"data-event-label":y,"data-product-channel":P,"data-product-sku":f,"data-product-brand":x,"data-product-name":B,"data-product-price":A,"data-product-category":L,"data-product-position":F};return e.createElement(r,a({},M,{className:p,"data-size":n,"data-color":c,"data-block":u,"data-has-icon":!!v\|\|void 0,"data-theme":s,disabled:m,onClick:function(t){!k&&!m&&h&&h(t)},title:C,"data-is-loading":k\|\|void 0,buttonHasIcon:!!v,buttonTheme:s,buttonSize:n,buttonColor:c,buttonIsLoading:k,buttonIsBlock:u,type:T},I),k?e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:24}},("secondary"===c\|\|"transparent"===c\|\|"tertiary"===c\|\|"ghost"===c\|\|"danger"===c)&&e.createElement(e.Fragment,null,e.createElement("svg",{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"#DBDFE5",strokeWidth:"4"})),e.createElement(d,{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e.createElement("mask",{id:"a",fill:"#fff"},e.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z"})),e.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z",stroke:"#2D87F3",strokeWidth:"8",mask:"url(#a)"}))),"primary"===c&&e.createElement(e.Fragment,null,e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),e.createElement(d,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.createElement("mask",{id:"path-1-inside-1",fill:"white"},e.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),e.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),e.createElement("span",null,E)):e.createElement("span",null,!k&&e.createElement("span",{className:"button-icon"},v)," ",g))};export{o as B};

package/build/esm/index-ea02d1db.js ADDED Viewed

@@ -0,0 +1 @@

+ import e,{useState as n,useRef as t,useMemo as a,useEffect as o,Fragment as l,useCallback as i}from"react";import{S as r,d as c,T as s,e as m,f as d,g as p,h as u,i as g,j as h,k as f,l as v,m as x,n as E,o as y,p as b,q as w,r as k,s as C,t as L,u as N,v as z,w as _,x as M,y as F,z as D,A,B,D as S,C as j,P as H,a as T}from"./index.styled-faeac279.js";import{_ as I,a as P,b as V,c as O,d as U,e as Z}from"./tslib.es6-5532bd7b.js";import{i as W,B as G,M as R,l as q}from"./screenSizeContext-12f741e1.js";import{B as Y}from"./index-93d22d63.js";import{t as K}from"./theme-a50a1aa5.js";import{H as X}from"./index-7a537be1.js";import{l as J,m as Q,n as $,o as ee,p as ne,q as te,r as ae,s as oe,t as le,u as ie,v as re,w as ce,x as se,y as me,z as de,A as pe,B as ue,E as ge,G as he,H as fe,I as ve,J as xe,K as Ee,O as ye,Q as be,T as we,V as ke,W as Ce,X as Le,Y as Ne,Z as ze,_ as _e,$ as Me,a0 as Fe,a1 as De,a2 as Ae,a3 as Be,a4 as Se,a5 as je,a6 as He,a7 as Te,a8 as Ie,a9 as Pe,aa as Ve,ab as Oe,ac as Ue,ad as Ze,ae as We,af as Ge,ag as Re,ah as qe,ai as Ye,aj as Ke,ak as Xe,al as Je,am as Qe,an as $e,ao as en,ap as nn,aq as tn,ar as an,as as on,at as ln,au as rn,av as cn,aw as sn,ax as mn,ay as dn,az as pn,aA as un,aB as gn,aC as hn,aD as fn,aE as vn,aF as xn,aG as En,aH as yn,aI as bn,aJ as wn,aK as kn,aL as Cn,aM as Ln,aN as Nn,aO as zn,aP as _n,aQ as Mn,aR as Fn,aS as Dn,aT as An,aU as Bn,aV as Sn,aW as jn,aX as Hn,aY as Tn}from"./index-364815d1.js";import{useId as In}from"react-id-generator";import{D as Pn,h as Vn,i as On,j as Un,k as Zn,l as Wn,m as Gn}from"./index-3193cb21.js";import{throttle as Rn}from"lodash";import{useKeenSlider as qn}from"keen-slider/react";import{CommonGAssets as Yn}from"./gAssets.js";import"react-range";import{isBefore as Kn,startOfMonth as Xn,addMonths as Jn,format as Qn,subMonths as $n,getDaysInMonth as et,isToday as nt,isSameDay as tt,isWithinInterval as at,isAfter as ot,isPast as lt}from"date-fns";import it from"styled-components";import{d as rt,L as ct,F as st,a as mt}from"./index-58ae0705.js";import"./Locale-69030fff.js";import{Container as dt}from"@mantine/core";import"./translationsContext-d658f58d.js";import"string-format";import"lodash/debounce";import{u as pt}from"./useTranslations-ad4d9d26.js";import{u as ut}from"./useOutsideClick-6004483a.js";import gt from"date-fns/locale/en-US";import ht from"date-fns/locale/id";import ft from"date-fns/locale/vi";import vt from"date-fns/locale/zh-TW";import{g as xt}from"./getSocialList-2f760404.js";import{I as Et}from"./index-642d36c8.js";import{D as yt}from"./index-f8e043bf.js";var bt=function(n){var t=n.style,a=n.onClose,o=n.text,l=n.type,i=n.contentIcon,d=n.closeIcon,p=n.className,u=n.description;return e.createElement(r,{style:t,"data-alert-type":l,className:p},e.createElement(c,null,e.createElement("div",{className:"icon-title"},i,e.createElement(s,{type:"bold",size:"label1"},o)),e.createElement(s,{type:"regular",size:"p3"},u)),e.createElement(m,{onClick:a},d))},wt=function(n){var t=n.amount,a=n.type,o=n.size,l=void 0===o?"medium":o,i=n.color,r=void 0===i?"primary":i,c=n.icon,s=n.className;return e.createElement(d,{"data-notification-type":a,"data-notification-size":l,"data-notification-color":r,"data-has-icon":!!c||void 0,notificationType:a,notificationSize:l,notificationColor:r,hasIcon:!!c,className:s},e.createElement("div",null,t&&e.createElement("span",null,t)," ",c&&e.createElement("div",null,c)))},kt=function(n){var t=n.style,a=n.children,o=n.className,l=n.size,i=void 0===l?"lg":l,r=n.type,c=void 0===r?"bold":r,s=n.upperCase,m=n.as,d=void 0===m?"h4":m,u=n.color;return e.createElement(p,{style:I({color:u},t),className:o,"data-size":i,"data-type":c,"data-uppercase":s,as:d},a)},Ct=function(a){var o=a.className,l=a.value,i=a.options,r=a.onUploadSelected,c=a.id,s=a.placeholderIcon,m=a.placeholder,d=a.style,p=n(!1),x=p[0],E=p[1],y=function(){return E(!x)},b=t(i.map((function(n){return"upload"===n.type&&e.createElement("input",{id:"uploader-dropdown-input-"+c+"-"+n.value,key:"uploader-dropdown-input-"+c+"-"+n.value,accept:n.fileAcceptedType,multiple:n.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),r(e.target.files)}})}))),w=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},e.createElement("defs",null,e.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},e.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),e.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),k=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"download"),e.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),C=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return e.createElement(u,{className:o,"data-dropdown-open":!!x,id:c,"data-has-icons":!0,style:d,onBlur:function(){return E(!1)},tabIndex:0},e.createElement(g,{onClick:y},s||w," ",e.createElement("span",null,l&&l.value?l.label:m)),x&&e.createElement(h,{onClick:y,"data-has-icons":!0},i.map((function(n){return e.createElement(f,{key:"".concat(c,"-").concat(n.value),"data-selected":l&&l.value===n.value||void 0,onClick:function(){return"upload"===n.type?function(e){var n;null===(n=document.querySelector(e))||void 0===n||n.click()}("#uploader-dropdown-input-"+c+"-"+n.value):void((e=n.url)&&window.open(e,"_blank"));var e}},e.createElement(v,null,n.icon||"download"===n.type?k:C),n.label)}))),e.createElement(e.Fragment,null,b.current))},Lt=function(n){var t=n.className,a=n.columns,o=n.columnsDesktop,l=n.gridTemplateColumns,i=n.gridTemplateColumnsDesktop,r=n.gap,c=n.children,s=n.justifyChildren,m=n.style,d=n.alignItems;return e.createElement(x,{className:t,style:m,theme:{columns:a,columnsDesktop:o,gap:r,justifyChildren:s,gridTemplateColumns:l,gridTemplateColumnsDesktop:i,alignItems:d}},c)},Nt=function(t){var a=t.pagesAmount,i=t.activePage,r=t.handlePageChange,c=t.handleClick,s=t.href,m=t.queryPageName,d=void 0===m?"page":m,p=P([],Array(a),!0).map((function(e,n){return n+1})),u=n(i<=4?p.slice(0,5):i>=p.length-3?p.slice(p.length-5,p.length):p.slice(i-2,i+1)),g=u[0],h=u[1];return o((function(){i<=4?h(p.slice(0,5)):i>=p.length-3?h(p.slice(p.length-5,p.length)):h(p.slice(i-2,i+1))}),[i]),e.createElement(l,null,i>4&&e.createElement(l,null,e.createElement(b,{onClick:function(){return r(1)}},s?e.createElement("a",{href:s,onClick:c},1):1),e.createElement(b,null,"...")),g.map((function(n){return e.createElement(b,{key:"".concat("pagination","+").concat(n),"data-page-active":n===i||void 0,onClick:function(){return r(n)}},s?e.createElement("a",{href:W(s,n,d),onClick:c},n):n)})),i<p.length-3&&e.createElement(l,null,e.createElement(b,null,"..."),e.createElement(b,{onClick:function(){return r(p.length)}},s?e.createElement("a",{href:W(s,p.length,d),onClick:c},p.length):p.length)))},zt=function(t){var l=t.className,i=t.pagesAmount,r=t.currentPage,c=t.onChange,s=t.onClick,m=t.style,d=t.href,p=t.queryPageName,u=void 0===p?"page":p,g=P([],Array(i),!0).map((function(e,n){return n+1})),h=n(r),f=h[0],v=h[1],x=a((function(){return d&&d.endsWith("&page=")?d.replace("&page=",""):d}),[d]),w=i-1,k=function(e){e<=i&&e>0&&(v(e),c(e))},C=function(e){s&&s(e)};return o((function(){v(r)}),[r]),e.createElement(E,{className:l,style:m},e.createElement(y,{className:"prev-page",onClick:function(){return k(f-1)},"data-last-page":1===f||void 0},x?e.createElement("a",{href:W(x,f,u),onClick:C},e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):e.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),g.length>8?e.createElement(Nt,{pagesAmount:i,activePage:f,handlePageChange:k,handleClick:C,href:x,queryPageName:u}):g.map((function(n){return e.createElement(b,{key:"".concat("pagination","+").concat(n),"data-page-active":n===f||void 0,onClick:function(){return k(n)}},x?e.createElement("a",{href:W(x,n,u),onClick:C},n):n)})),e.createElement(y,{className:"next-page",onClick:function(){return k(f+1)},"data-last-page":f===w+1||void 0},x?e.createElement("a",{href:W(x,f,u),onClick:C},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"}))))},_t=function(n){var t=n.size,a=n.children,o=n.style,l=n.className;return e.createElement(w,{style:o,className:l,"data-shadow-size":t},a)},Mt=function(n){var t=n.type,a=n.children,o=n.style,l=n.isInline,i=n.isSquared,r=void 0!==i&&i,c=n.className,m=n.isLight,d=n.hasMorePadding,p=n.isLink,u=n.isSelected,g=n.textProps,h=void 0===g?{size:"sm"}:g,f=h.color?{"--text-props-color":h.color}:{};return e.createElement(k,{"data-is-squared":r||void 0,"data-tag-type":t,"data-is-light":m||void 0,"data-has-more-padding":d||void 0,"data-is-inline":l||void 0,style:I(I({},o),f),className:c,"data-is-selected":u||void 0,"data-is-link":p||void 0,tagType:t,isInline:l,tagHasMorePadding:d,tagIsLight:m,tagIsSquared:r,tagIsALink:p},e.createElement(s,I({},h),a))},Ft=function(n){var t=n.className,a=n.id,o=n.onChange,l=n.checked,i=n.style,r=n.label;return e.createElement(C,{className:t,style:i},e.createElement("input",{type:"checkbox",id:a,onChange:o,checked:l}),e.createElement("label",{htmlFor:a},e.createElement(L,null),r&&e.createElement(N,null,r)))},Dt=function(n){var t=n.size,a=n.isDisabled,o=n.className,l=n.link,i=n.style;return e.createElement(z,{className:o,"data-size":t,style:i,"data-disabled":a||void 0},l)},At=function(n){var t=n.type,a=n.withIcon,o=n.onFileSelected,l=n.inputId,i=n.withElement,r=n.fileAcceptType,c=n.multiple,s=n.value,m=n.className,d=function(){var e;null===(e=document.querySelector("#uploader-input-"+l))||void 0===e||e.click()};return e.createElement(_,{className:m},"badge"===t?e.createElement(M,{onClick:d,"data-is-attached-to-element":!!i},i,e.createElement(F,{"data-is-attached-to-element":!!i},a)):i?e.createElement("div",{onClick:d},i):e.createElement(Y,{size:"md",color:"secondary",className:"default-button",icon:a,onClick:d},e.createElement(D,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-"+l,accept:r,multiple:c,type:"file",style:{display:"none"},onChange:function(e){o(e.target.files)},value:s}))},Bt=function(n){var t=n.label,a=n.name,o=n.checked,l=n.className,i=n.isDisabled,r=n.onChange,c=n.value,s=n.isRectangle;return e.createElement(A,{className:l,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":t},e.createElement("input",{type:"checkbox",checked:o,name:a,onChange:function(){return r(c,!o)},disabled:i,value:c,id:"".concat(a,"-").concat(c),"data-label-text":t}),!s&&e.createElement("label",{htmlFor:"".concat(a,"-").concat(c)},t))},St=function(n){return e.createElement("svg",I({},n,{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"}))},jt=function(n){return e.createElement("svg",I({},n,{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"}))},Ht=function(t){var a=n((function(){return"star-half-mask-".concat(Math.random())}))[0];return e.createElement("svg",I({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),e.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},e.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),e.createElement("g",{mask:"url(#".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"})))},Tt=function(t){var a=t.gap,o=void 0===a?2:a,l=t.size,i=void 0===l?24:l,r=t.star,c=t.totalStars,s=void 0===c?5:c,m=t.onSelect,d=t.hideEmptyStars,p=t.style,u=t.className,g=Math.floor(r),h=r-g>=.5?1:0,f=n(null),v=f[0],x=f[1],E=v||g,y=v?0:h;return e.createElement(B,{"data-selectable":!!m,style:I({"--gap":o,"--star-size":i},p),className:u},Array.from({length:d?g+h:s}).map((function(n,t){var a=function(){return!!m&&x(t+1)},o=function(){return!!m&&x(null)};return t+1<=E?e.createElement(jt,{key:t,onClick:function(){return null==m?void 0:m(t+1)},onMouseOver:a,onMouseLeave:o}):t+1===E+y?e.createElement(Ht,{key:t,onClick:function(){return null==m?void 0:m(t+1)},onMouseOver:a,onMouseLeave:o}):e.createElement(St,{key:t,onClick:function(){return null==m?void 0:m(t+1)},onMouseOver:a,onMouseLeave:o})})))},It=function(n){var t=n.percent,a=n.style;return e.createElement(S,{style:I({"--progress":t},a)})},Pt=function(n){var t=n.avatarImg,a=n.authorName,o=n.authorLink,l=n.uploadTime,i=n.size;return e.createElement($,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"avatar","data-size":i},t),e.createElement("div",{className:"poster","data-is-disabled-url":!o},e.createElement(s,{size:"lg"===i?"p3":"p4"},e.createElement("a",{href:o},e.createElement("span",{className:"name"},a),"•"," "),e.createElement("span",null,l)))))},Vt=function(n){var t=n.isMobile,a=n.avatarImg,o=n.name,l=n.link,i=n.size,r=void 0===i?"lg":i,c=n.specialty;return n.handleClick,n.isBookmarked,n.dataEventCategoryForBookmark,n.dataEventActionForBookmark,n.dataEventLabelForBookmark,e.createElement($,null,e.createElement("div",{className:"author"},e.createElement("div",{className:"expert-avatar","data-size":r},a),e.createElement("div",{className:"expert","data-is-disabled-url":!l},t?e.createElement("a",{href:l},"lg"===r?e.createElement(e.Fragment,null,e.createElement(X,{tag:"h6",className:"expert__name",color:K.colors.gray600},o),e.createElement(s,{color:K.colors.gray500,size:"p3",className:"specialty"},c)):e.createElement(e.Fragment,null,e.createElement(X,{tag:"h6",className:"expert__name",color:K.colors.gray600},o))):e.createElement("a",{href:l},"lg"===r?e.createElement(e.Fragment,null,e.createElement(X,{tag:"h6",className:"expert__name",color:K.colors.gray600},o),e.createElement(s,{color:K.colors.gray500,size:"p3",className:"specialty"},c)):e.createElement(e.Fragment,null,e.createElement(ee,{color:K.colors.gray600,className:"expert__name"},o),e.createElement(s,{color:K.colors.gray500,size:"p4",className:"specialty"},c))))))},Ot=function(n){var t=n.articleLink,a=n.authorLink,o=n.authorName,l=n.avatarImg,i=n.banner,r=n.categoryLink,c=n.categoryName,m=n.className,d=n.dataEventActionForBanner,p=n.dataEventActionForBookmark,u=n.dataEventActionForCategory,g=n.dataEventActionForTitle,h=n.dataEventCategoryForBanner,f=n.dataEventCategoryForBookmark,v=n.dataEventCategoryForCategory,x=n.dataEventCategoryForTitle,E=n.dataEventLabelForBanner,y=n.dataEventLabelForBookmark,b=n.dataEventLabelForCategory,w=n.dataEventLabelForTitle,k=n.direction,C=void 0===k?"horizontal":k,L=n.hasAffiliate,N=n.isBookmark,z=void 0!==N&&N,_=n.isBookmarkDisplayed,M=void 0===_||_,F=n.isMobile,D=void 0===F||F,A=n.onBookmark,B=n.onClickCategoryName,S=n.section,j=void 0===S?"normal":S,H=n.size,T=void 0===H?"md":H,I=n.specialty,P=n.style,V=n.styleBanner,O=n.styleLabel,U=n.styleTitle,Z=n.text,W=n.title,G=n.type,R=void 0===G?"author":G,q=n.uploadTime,Y=n.articleLinkTarget,K=function(e){e.stopPropagation(),A&&A()},$="lg"===T&&"expert"===R?"h4":"lg"===T&&"home"===j?D?"h4":"h3":"lg"===T?"h4":"h5",ee="lg"===T?"p3":"p4",ne=D||"home"!==j||"lg"!==T||"author"!==R?"c2":"c1";return e.createElement(J,{className:m,"data-size":T,style:P,"data-direction":C,"data-is-expert":"expert"===R||void 0},e.createElement("div",{className:"banner",style:V},e.createElement(Q,{"data-event-category":h,"data-event-action":d,"data-event-label":E,href:t||"#",target:Y},i),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(s,{style:O,className:"label",size:ne,type:"caption"},e.createElement(Q,{"data-event-category":v,"data-event-action":u,"data-event-label":b,href:r||"#",onClick:B},c),M&&e.createElement("a",{className:"bookmark",onClick:K},z?e.createElement("svg",{"data-event-category":f,"data-event-action":p,"data-event-label":y,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":f,"data-event-action":p,"data-event-label":y,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:U,className:"title",as:"lg"===T?"h2":"h3"},e.createElement(Q,{"data-event-category":x,"data-event-action":g,"data-event-label":w,href:t||"#",target:Y},W)),Z&&e.createElement("a",{href:t||"#",target:Y},e.createElement(s,{size:ee,className:"text"},Z))),e.createElement("div",{className:"footer"},"author"===R?e.createElement(Pt,{size:T,avatarImg:l,authorName:o,authorLink:a,uploadTime:q,handleClick:K,isBookmarked:z,dataEventCategoryForBookmark:f,dataEventActionForBookmark:p,dataEventLabelForBookmark:y}):e.createElement(Vt,{size:T,isMobile:D,avatarImg:l,specialty:I,name:o,link:a,handleClick:K,isBookmarked:z,dataEventCategoryForBookmark:f,dataEventActionForBookmark:p,dataEventLabelForBookmark:y}))))},Ut=function(n){var t=n.LinkComponent,a=n.page,o=n.isLast,l=n.onChangePage,i=a.label,r=a.value,c=a.isDropdown,s=a.dropdownItems,m=a.dataEventCategory,d=a.dataEventAction,p=a.dataEventLabel;return c?e.createElement(Pn,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):e.createElement(ae,{title:"string"!=typeof i?r:i,"data-last":o},t&&e.createElement(t,{"data-event-category":m,"data-event-action":d,"data-event-label":p,href:r||"#"},i))},Zt=function(n){var t=n.className,o=n.pages,i=n.size,r=n.LinkComponent,c=void 0===r?"a":r,s=n.onChangePage,m=n.separator,d=a((function(){return o.map((function(e,n){return o.length>4?n>1&&n<o.length-2?null:1===n?I(I({},e),{isDropdown:1===n,dropdownItems:o.slice(1,o.length-2)}):e:e})).filter(Boolean)}),[o]),p=In(d.length);return e.createElement(ne,{"data-size":i,className:t},d.map((function(n,t){var a=t+1===d.length;return e.createElement(l,{key:p[t]},e.createElement(Ut,{LinkComponent:c,page:n,isLast:a,onChangePage:s}),!a&&(m||e.createElement(te,{"data-size":i})))})))},Wt=function(n){var t=n.name,a=n.values,o=void 0===a?[]:a,l=n.onChanges,i=n.options,r=void 0===i?[]:i,c=n.className,s=n.type,m=void 0===s?"vertical":s,d=n.isDisabled,p=n.isRectangle,u=function(e,n){var t=o.slice();if(n)t.push(e);else{var a=t.findIndex((function(n){return n===e}));t.splice(a,1)}l&&l(t)};return e.createElement(oe,{className:c,"data-type":m,"data-is-rectangle":p||void 0},r.map((function(n,a){return e.createElement(Bt,{label:n.label,name:t,key:"".concat(a,"-").concat(n.value),checked:o.includes(n.value),value:n.value,isDisabled:d||n.disabled,onChange:!d&&u,isRectangle:p})})))},Gt=function(n){var t=n.size,a=n.iconPosition,o=n.className,l=n.children,i=n.icon;return e.createElement(le,{className:o,"data-size":t,"data-icon-position":a},"left"===a&&i,l,"right"===a&&i)},Rt=function(t){var a=t.type,l=t.numberOfStep,r=t.activeStep,c=t.labelPrefix,s=t.detailSteps,m=t.className,d=t.onChange,p=n(0),u=p[0],g=p[1],h=function(n){var t=n.trackClassName,a=V(n,["trackClassName"]);return e.createElement(se,I({},a,{className:t}),e.createElement(me,null))},f=e.createElement(ie,{className:m+" progress-bar"},e.createElement(h,null),e.createElement((function(n){var t=n.trackLength,a=n.activeStep,o=n.labelPrefix,i=void 0===o?"Step":o,r=n.onChange;return e.createElement(e.Fragment,null,Array.from({length:l},(function(e,n){return n})).map((function(n,o){return e.createElement(de,{"data-is-active":o===a,"data-label":o,style:{left:o*t/(l-1)},onClick:function(){r&&r(o)},key:o},o+1,e.createElement(pe,{"data-step-passed":o<=a},i+" "+(o+1)))})))}),{trackLength:u,activeStep:r,labelPrefix:c,onChange:d})),v=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})),x=e.createElement(re,null,s&&Array.from({length:s.length},(function(e,n){return n})).map((function(n,t){var a;return e.createElement(ce,{key:t,"data-selected":t===r,onClick:function(){d&&d(t)}},null===(a=s[t])||void 0===a?void 0:a.text," ",t<s.length-1&&v)}))),E=e.createElement(ie,{className:m+" progress-bar"},e.createElement((function(n){var t=n.detailSteps,a=n.activeStep,o=n.onChange,l=In(t.length);return e.createElement(e.Fragment,null,Array.from({length:t.length},(function(e,n){return n})).map((function(n,i){return e.createElement(ue,{key:l[i],style:{left:100/t.length*i+"%",width:100/t.length+"%"},onClick:function(){o&&o(i)}},t[i].icon?e.createElement(ge,{onClick:function(){o&&o(i)}},t[i].icon):e.createElement(he,{"data-is-active":i===a,"data-label":n,onClick:function(){o&&o(i)},key:i},i+1),e.createElement(fe,{"data-step-passed":i<a+1},t[i].text,e.createElement(ve,null,t[i].description)),i<t.length-1&&e.createElement(h,{"data-step-passed":i<a,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:r,detailSteps:s,onChange:d})),y=i(Rn((function(){var e=document.querySelector(".progress-bar");e&&g(e.offsetWidth)}),1e3),[]);return o((function(){var e=document.querySelector(".progress-bar");return g(null==e?void 0:e.offsetWidth),window.addEventListener("resize",y),function(){window.removeEventListener("resize",y)}}),[]),"step-track"===a&&f||"breadcrumb"===a&&x||"detail-track"===a&&E},qt=Object.freeze({__proto__:null,SideMenu:xe,SideHeader:Ee,UserInfo:ye,MenuLink:be}),Yt=function(n){var t=n.isDisabled,a=n.isLeft,o=n.onClick,l=n.className,i=n.scheme,r=void 0===i?"hellosites":i;return e.createElement(Ce,{onClick:o,"data-is-disabled":t,"data-is-left":a,className:l},e.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a?e.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===r?"#595959":"#E55C8A"}):e.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===r?"#595959":"#E55C8A"})))},Kt=function(t){for(var a=t.row,o=t.column,l=t.children,i=t.scheme,r=void 0===i?"hellosites":i,c=t.classNameLeftArrow,s=void 0===c?"":c,m=t.classNameRightArrow,d=void 0===m?"":m,p=t.mode,u=void 0===p?"snap":p,g=t.isDotsShown,h=void 0===g||g,f=t.isArrowShown,v=void 0!==f&&f,x=t.dataEventCategory,E=t.dataEventAction,y=t.dataEventLabel,b=t.onChangePage,w=e.useState(0),k=w[0],C=w[1],L=n(!1),N=L[0],z=L[1],_=qn({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){C(e.track.details.rel),b&&b(e.track.details.rel)},created:function(){z(!0)},drag:!0,mode:u,slides:{spacing:12}}),M=_[0],F=_[1],D=[],A=a*o,B=0;B<l.length;B+=A){var S=l.slice(B,B+A);D.push(S)}return e.createElement(we,{row:a,column:o},e.createElement("div",{className:"navigation-wrapper"},e.createElement("div",{ref:M,className:"keen-slider slides-wrapper"},D.map((function(n,t){return e.createElement("div",{key:t,className:"keen-slider__slide page-items"},n.map((function(n,t){return e.createElement("div",{key:t},n)})))}))),N&&F.current&&v&&e.createElement(e.Fragment,null,e.createElement(Yt,{isLeft:!0,onClick:function(e){var n;return e.stopPropagation()||(null===(n=F.current)||void 0===n?void 0:n.prev())},isDisabled:0===k,scheme:r,className:"left-arrow ".concat(s),"data-event-category":x,"data-event-action":E,"data-event-label":y}),e.createElement(Yt,{isLeft:!1,onClick:function(e){var n;return e.stopPropagation()||(null===(n=F.current)||void 0===n?void 0:n.next())},isDisabled:k===F.current.track.details.slides.length-1,scheme:r,className:"right-arrow ".concat(d),"data-event-category":x,"data-event-action":E,"data-event-label":y}))),N&&F.current&&h&&e.createElement("div",{className:"dots"},P([],Array(F.current.track.details.slides.length),!0).map((function(n,t){return e.createElement(ke,{key:t,onClick:function(){var e;null===(e=F.current)||void 0===e||e.moveToIdx(t)},"data-is-active":k===t,"data-is-hellosites":"hellosites"===r})}))))},Xt=function(n){var t=n.type,a=n.description,o=n.value,l=n.withIcon,i=n.isInACard,r=n.cardColor,c=n.className;return e.createElement(Le,{className:c,"data-size":t,"data-is-in-card":"big"===t&&i,"data-card-color":r},e.createElement(Ne,null,"small"===t&&e.createElement(ze,{"data-color":r}),a),e.createElement(_e,{"data-size":t},"small"!==t&&l,o))},Jt=Object.freeze({__proto__:null,Table:Me,Cell:Fe,Head:De,Row:Ae,Body:Be}),Qt=function(t){var a=t.style,l=t.initialTab,i=t.tabContent,r=t.onChange,c=t.className,m=t.dataEventCategory,d=t.dataEventAction,p=t.dataEventLabel,u=t.id,g=n(l||0),h=g[0],f=g[1],v=In(i.length);return o((function(){f(l)}),[l]),e.createElement(Se,{style:a,className:c,role:"tablist",id:u},i.map((function(n,t){return e.createElement(je,{"data-is-tab-active":h===t||void 0,"aria-selected":h===t,role:"tab",onClick:function(){f(t),r&&r(t)},onKeyDown:function(e){"Enter"===e.key&&(f(t),r&&r(t))},key:v[t],"data-event-category":m,"data-event-action":d,"data-event-label":p,tabIndex:0},e.createElement(He,null,n.icon&&e.createElement(Te,null,n.icon),e.createElement(s,{size:n.textSize||"sm",type:n.textType||"bold",color:n.textColor||K.colors.gray800,dataEventCategory:n.dataEventCategory,dataEventAction:n.dataEventAction,dataEventLabel:n.dataEventLabel},n.name)))})))},$t=function(n){var t=n.thankyou,a=n.thankyouSubtitle,o=n.className,l=n.style;return e.createElement(Ie,{className:o,style:l},e.createElement("div",{className:"survey-inner-wrapper"},e.createElement(Pe,null,e.createElement("div",{className:"survey-thankyou-wrapper-inner"},e.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},e.createElement("path",{d:"M61.5 122C94.6371 122 121.5 95.1371 121.5 62C121.5 28.8629 94.6371 2 61.5 2C28.3629 2 1.5 28.8629 1.5 62C1.5 95.1371 28.3629 122 61.5 122Z",fill:"#E3F2FF"}),e.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),e.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),e.createElement("path",{d:"M74.4004 15.0005H39.863C36.9017 15.0005 34.5 17.4022 34.5 20.3635V72.5769C34.5 75.5383 36.9017 77.9399 39.863 77.9399H83.1357C86.097 77.9399 88.4987 75.5383 88.4987 72.5769V29.0988L88.4987 21.0005C88.4987 17.6868 85.8124 15.0005 82.4987 15.0005H74.4004Z",fill:"white"}),e.createElement("path",{d:"M88.8529 80.1077H34.1469C31.8699 80.1077 30.06 78.3036 30.06 76.0338V65.3837C30.06 63.1139 31.8699 61.3098 34.1469 61.3098H88.8529C91.1299 61.3098 92.9398 63.1139 92.9398 65.3837V76.0338C92.9398 78.3036 91.1299 80.1077 88.8529 80.1077Z",fill:"#E4E8EC"}),e.createElement("path",{d:"M90.838 85.4512H32.1618C29.8849 85.4512 28.075 83.6471 28.075 81.3774V70.7272C28.075 68.4575 29.8849 66.6533 32.1618 66.6533H90.7796C93.0566 66.6533 94.8665 68.4575 94.8665 70.7272V81.3774C94.9249 83.6471 93.0566 85.4512 90.838 85.4512Z",fill:"white"}),e.createElement("path",{d:"M103.748 75.4919V105.755C103.748 107.675 102.172 109.247 100.245 109.247H23.0031C21.0764 109.247 19.5 107.675 19.5 105.755V75.4919C19.5 73.5713 21.0764 72 23.0031 72H42.3866C44.3133 72 45.8897 73.5713 45.8897 75.4919V80.8461C45.8897 81.1952 46.1232 81.428 46.4735 81.428H76.7749C77.1253 81.428 77.3588 81.1952 77.3588 80.8461V75.4919C77.3588 73.5713 78.9352 72 80.8618 72H100.245C102.172 72 103.748 73.5713 103.748 75.4919Z",fill:"#45A4FF"}),e.createElement("path",{d:"M51.9541 91.3767V94.4612C51.9541 96.0907 53.2386 97.3711 54.8733 97.3711H67.7179C69.3526 97.3711 70.6371 96.0907 70.6371 94.4612V91.3767",stroke:"#2C74DF",strokeWidth:"3",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M120.5 38.0251C118.5 37.7793 117.25 39.3768 118.125 41.22L118.375 41.9573C119.125 43.8006 118 45.398 116 45.1523L115.25 45.0294C113.25 44.7836 112 46.3811 112.875 48.2244L113.25 48.9616C114 50.8049 112.875 52.4025 110.875 52.1567L110.125 52.0337C108.625 51.9109 107.5 52.7712 107.5 54",stroke:"#FE921D",strokeWidth:"1.9096",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M1.53299 62C1.2644 63.413 2.6745 64.337 4.35323 63.8478L5.02472 63.6304C6.70346 63.087 8.11356 64.0109 7.84496 65.4783L7.7107 66.0217C7.4421 67.4348 8.8522 68.3587 10.5309 67.8696L11.2024 67.6522C12.8812 67.1087 14.2913 68.0326 14.0227 69.5L13.8884 70.0435C13.687 71.1304 14.4256 71.8913 15.5 72",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M118 92C119.381 92 120.5 90.8807 120.5 89.5C120.5 88.1193 119.381 87 118 87C116.619 87 115.5 88.1193 115.5 89.5C115.5 90.8807 116.619 92 118 92Z",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M82.0001 3.18747L83.1875 7.53467L87.5347 6.34727L86.3473 2.00007L82.0001 3.18747Z",stroke:"#00B16A",strokeWidth:"2.1628",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M17.0001 28C18.1046 28 19 27.1045 19 25.9999C19 24.8954 18.1046 24 17.0001 24C15.8955 24 15 24.8954 15 25.9999C15 27.1045 15.8955 28 17.0001 28Z",stroke:"#FE921D",strokeWidth:"2.3278",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M61.5 26.6667C54.136 26.6667 48.1667 32.6361 48.1667 40.0001C48.1667 47.3641 54.136 53.3334 61.5 53.3334C68.864 53.3334 74.8334 47.3641 74.8334 40.0001C74.8334 32.6361 68.864 26.6667 61.5 26.6667ZM69.1094 36.9427L59.776 46.2761C59.516 46.5361 59.1747 46.6667 58.8334 46.6667C58.492 46.6667 58.1507 46.5361 57.8907 46.2761L53.8907 42.2761C53.3694 41.7547 53.3694 40.9121 53.8907 40.3907C54.412 39.8694 55.2547 39.8694 55.776 40.3907L58.8334 43.4481L67.224 35.0574C67.7454 34.5361 68.588 34.5361 69.1094 35.0574C69.6307 35.5787 69.6307 36.4214 69.1094 36.9427Z",fill:"#00CB8A"})),t&&e.createElement(X,{className:"survey-thankyou-title",tag:"h3"},t),a&&e.createElement(s,{className:"survey-thankyou-subtitle",size:"p3"},a)))))},ea=function(t){var a=t.items,l=t.className,i=t.style,r=t.backgroundPanelStyle,c=t.isOpen,s=t.onOpen,m=t.onClose,d=t.disableBackdropClick,p=t.siteType,u=void 0===p?"hb":p,g=t.animationType,h=void 0===g?"zoom":g,f=t.zIndex,v=void 0===f?300:f,x=n(!!c),E=x[0],y=x[1];o((function(){y(!!c)}),[c]);var b=function(){y(!1),m&&m()};return e.createElement(Ve,{style:i,className:l,"data-floatmenu-open":E,"data-site-type":u,"data-animation-type":h},e.createElement(Oe,{className:"float-button-group__panel",style:I({zIndex:v},r),onClick:d?void 0:b}),e.createElement(Ue,{className:"float-button-group___content",style:{zIndex:v}},e.createElement(Ze,null,a.map((function(n,t){return e.createElement(We,{className:"float-item-button-".concat(t),style:I(I({},"zoom"===h&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(Ge/a.length*(E?a.length-1-t:t),"ms")}),"slide"===h&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(Ge/a.length*(E?t:a.length-1-t),"ms")}),key:t,onClick:function(){n.onClick(),n.keepMenuOnClick||y(!1)}},e.createElement(Re,{style:I({},"zoom"===h&&{transitionDelay:"".concat(Ge/a.length*(E?a.length-1-t:t),"ms")})},n.label),e.createElement(qe,{className:"float-item-button__icon-wrapper",style:I({},("zoom"===h||"slide"===h)&&{transitionDelay:"".concat(Ge/a.length*(E?a.length-1-t:t),"ms")})},n.icon))}))),e.createElement(Ye,{onClick:E?b:function(){y(!0),s&&s()}})))},na=function(n){var t=n.className,a=n.policiesUrl,o=n.onAcceptClick,l=n.translations,i=void 0===l?{acceptButton:"Accept",policiesButton:"Our Policies"}:l,r=n.title,c=void 0===r?"":r,s=n.description,m=void 0===s?"":s,d=n.theme,p=void 0===d?"helloSites":d,u=n.isOpen,g=void 0===u||u,h=n.useDefaultPosition,f=void 0===h||h,v=n.trackingAttributes;return e.createElement(Ke,{className:t,"data-theme":p,"data-is-open":g,"data-default-position":f},e.createElement(Xe,{"data-has-content":!!c},c),e.createElement(Je,{dangerouslySetInnerHTML:{__html:m}}),e.createElement(Qe,null,e.createElement($e,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:o,"data-event-category":null==v?void 0:v.dataEventCategory,"data-event-action":null==v?void 0:v.dataEventAction,"data-event-label":null==v?void 0:v.dataEventLabel},i.acceptButton),e.createElement(en,{href:a},i.policiesButton)))},ta=function(n){var t,a,o,l,i,r,c,s,m,d,p,u,g,h,f,v,x,E,y,b=n.SEOData,w=void 0===b?{}:b,k=n.isAmp,C=void 0!==k&&k,L=n.locale,N=void 0===L?"vi-VN":L,z=n.routerPathname,_=n.routerQuery,M=n.nextHead,F=n.siteType,D=n.seoCustom,A=n.userId,B=n.forcedCanonicalUrl,S=w.totalPages,j=w.currentPage,H=w.SEOTitle,T=void 0===H?"":H,V=w.SEODescription,O=void 0===V?"":V,U=w.SEOImage,Z=w.seoType,W=w.SEOImageWidth,G=w.SEOImageHeight,R=w.customMetaData,q=void 0===R?[]:R,Y=w.isIndexable,K=void 0===Y||Y,X=w.hasNoCanonical,J=void 0!==X&&X,Q=K&&mt?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",$=process.env.NEXT_PUBLIC_BASE_API_URL,ee=w.canonicalUrl||z;Object.keys(_).forEach((function(e){var n=_[e];n&&Array.isArray(n)&&(ee=ee.replace("[...".concat(e,"]"),n.join("/")))}));var ne,te=N||"en-PH",ae="helloSites"===F?rt[te]:"www.marrybaby.vn",oe=ee.endsWith("/")?"":"/";if(w.apiMetaData&&"string"==typeof w.apiMetaData){var le=null===(t=w.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),ie=" - Page ".concat(j," of ").concat(S),re=j&&1!==j&&le?w.apiMetaData.replace(le[0],le[0].includes("-")?le[0].replace("-",ie+" - "):"<title>".concat(le[1].concat(ie),"</title>")).replace('<link rel="canonical" href="https://'.concat(ae).concat(ee).concat(oe,'" />'),'<link rel="canonical" href="https://'.concat(ae).concat(ee).concat(oe,"?page=").concat(j,'" />')):w.apiMetaData,ce=(ne=nn(re,{trim:!0})).find((function(e){var n,t;return"og:image"===(null===(n=e.props)||void 0===n?void 0:n.property)||"og:image:secure_url"===(null===(t=e.props)||void 0===t?void 0:t.property)}));if(!ce){var se="https://".concat(ae,"/images/").concat(N,".png");ne=P(P([],ne,!0),[e.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=w.openGraph)||void 0===a?void 0:a.image)||se||""}),e.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(o=w.openGraph)||void 0===o?void 0:o.image)||se}),e.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(l=w.openGraph)||void 0===l?void 0:l.imageWidth)&&String(null===(i=w.openGraph)||void 0===i?void 0:i.imageWidth)||"1200"}),e.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(r=w.openGraph)||void 0===r?void 0:r.imageHeight)&&String(null===(c=w.openGraph)||void 0===c?void 0:c.imageHeight)||"630"})],!1)}}var me="https://".concat(ae,"/images/").concat(N,".png");return e.createElement(M,null,e.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===F&&e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===N?e.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===N||"ms-MY"===N?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"}),!C&&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(n,t){return e.createElement("meta",I({key:t},n))})),e.createElement("meta",{name:"theme-color",content:"helloSites"===F?"#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:te}),e.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),C&&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"})),!ne&&e.createElement(e.Fragment,null,"helloSites"===F?e.createElement("title",null,D?T:T+" - "+(null===(s=ct[N])||void 0===s?void 0:s.SITE_NAME)):e.createElement("title",null,T),!J&&e.createElement("link",{rel:"canonical",href:"https://".concat(ae).concat(ee)}),e.createElement("meta",{name:"description",content:O||(null===(m=w.openGraph)||void 0===m?void 0:m.description)}),w.schemaData&&e.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:w.schemaData}}),e.createElement("meta",{property:"og:locale",content:N}),e.createElement("meta",{property:"og:type",content:Z||"website"}),e.createElement("meta",{property:"og:title",content:(null===(d=w.openGraph)||void 0===d?void 0:d.title)||T}),e.createElement("meta",{property:"og:description",content:(null===(p=w.openGraph)||void 0===p?void 0:p.description)||O}),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===(u=w.openGraph)||void 0===u?void 0:u.image)||U||me||""}),e.createElement("meta",{property:"og:image:secure_url",content:(null===(g=w.openGraph)||void 0===g?void 0:g.image)||U||me}),e.createElement("meta",{property:"og:image:width",content:(null===(h=w.openGraph)||void 0===h?void 0:h.imageWidth)&&String(null===(f=w.openGraph)||void 0===f?void 0:f.imageWidth)||W&&String(W)||"1200"}),e.createElement("meta",{property:"og:image:height",content:(null===(v=w.openGraph)||void 0===v?void 0:v.imageHeight)&&String(null===(x=w.openGraph)||void 0===x?void 0:x.imageHeight)||G&&String(G)||"630"}),e.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),e.createElement("meta",{name:"twitter:title",content:(null===(E=w.twitter)||void 0===E?void 0:E.title)||T}),e.createElement("meta",{name:"twitter:description",content:O}),e.createElement("meta",{name:"twitter:image",content:(null===(y=w.twitter)||void 0===y?void 0:y.image)||U})),("helloSites"===F?st[te]||[]:st.marryBaby).map((function(n,t){return"link"===n.type?e.createElement("link",{key:"favicon-".concat(t),rel:n.rel,href:n.href,sizes:n.sizes}):"meta"===n.type?e.createElement("meta",{key:t,name:n.name,content:n.content}):null})),Array.isArray(ne)&&B?ne.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ne,B&&e.createElement("link",{rel:"canonical",href:B}),!w.hasNoAmp&&"vi-VN"!==N&&e.createElement("link",{rel:"amphtml",href:"https://".concat(ae).concat(ee).concat(oe,"?amp=1")}),A&&"undefined"!=typeof window?e.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(A,"'});")}}):null)},aa=function(n){var t=n.className,a=n.heading,o=n.isMobile,l=n.bannerUrl,i=n.bannerUrlLarge,r=n.medicalReview,c=n.icon,s=(n.isHomePage,n.style),m=o?"h5":"h4",d=o?l:i||l;return e.createElement(tn,{"data-is-mobile":o,style:s},e.createElement(an,{className:t,"data-banner-url":d,"data-is-mobile":o},e.createElement(j,{className:"container"},e.createElement(on,null,e.createElement(ln,{"data-is-mobile":o},e.createElement(rn,{"data-is-mobile":o},e.createElement(X,{color:K.colors.white,tag:m,as:"h2"},a)),r&&e.createElement(cn,{"data-is-mobile":o},r)),e.createElement(sn,{"data-is-mobile":o},c)))))},oa=function(t){var a,l=t.isMobile,i=t.locale,r=t.onSubmitDueDate,c=pt().t,m=n({}),d=m[0],p=m[1],u=n(""),g=u[0],h=u[1];return o((function(){O(void 0,void 0,void 0,(function(){var e,n;return U(this,(function(t){switch(t.label){case 0:return[4,On(Un(Zn.GET_DUE_DATE_INFO),"GET")];case 1:return e=t.sent(),p(null==e?void 0:e.data),h(Vn(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.reviewd_by)||""),[2]}}))}))}),[]),e.createElement(mn,null,e.createElement(aa,{isEmbed:!0,bannerUrl:Yn.getAssetPath("embedToolBannerPink.svg"),icon:e.createElement("img",{alt:"health-tool-icon",src:"https://hellobacsi.com/images/due-date-icon.svg",style:{objectFit:"contain"}}),style:{padding:0},heading:c("healthTools.dueDateCalculator"),medicalReview:(null===(a=null==d?void 0:d.reviewed_by)||void 0===a?void 0:a.display_name)?e.createElement(s,{size:"n1",color:K.colors.white},e.createElement("span",{dangerouslySetInnerHTML:{__html:c("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(g,'"\n >\n ').concat(null==d?void 0:d.reviewed_by.display_name,"\n </a>"),date:null==d?void 0:d.reviewed_date})}}),e.createElement("span",null)):void 0,isMobile:l}),e.createElement(j,null,e.createElement(dn,{className:"due-date-cal"},e.createElement(pn,{locale:i,onSubmitDueDate:r}))))},la=function(n){var t=n.src,a=n.title,o=n.backgroundSrc,l=n.className,i=n.reviewedSection,r=n.isAmp;return e.createElement(un,{className:l},e.createElement(gn,{style:{backgroundImage:'url("'.concat(o,'")')}},e.createElement(hn,null,e.createElement(fn,null,e.createElement(X,{tag:"h5",color:"white"},a),i),e.createElement(vn,null,r?e.createElement("amp-img",{src:t||"",alt:a,width:"140",height:"140"}):e.createElement("img",{src:t||"",style:{width:"100px",height:"100px",objectFit:"contain"},alt:a})))))},ia=function(t){var a,l,i,r=t.backgroundDesktopSrc,c=t.backgroundMobileSrc,m=t.title,d=t.iconSrc,p=t.className,u=t.isEmbed,g=void 0!==u&&u,h=t.isAmp,f=pt().t,v=n({}),x=v[0],E=v[1],y=Vn(null==x?void 0:x.reviewed_by);return o((function(){O(void 0,void 0,void 0,(function(){var e;return U(this,(function(n){switch(n.label){case 0:return[4,On(Un(Wn.GET_HEALTH_TOOL_OVULATION_INFO),"GET")];case 1:return e=n.sent(),E(null==e?void 0:e.data),[2]}}))}))}),[]),e.createElement(xn,{className:p},e.createElement(En,{style:{backgroundImage:"url('".concat(c||r,"')")}},e.createElement(yn,null,e.createElement(X,{tag:"h5",color:"white"},m),(null===(a=null==x?void 0:x.reviewed_by)||void 0===a?void 0:a.display_name)?e.createElement(s,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},e.createElement("span",{dangerouslySetInnerHTML:{__html:f("articlePage.articleReviewerBy",{name:'<a\n style="color: white"\n href="'.concat(y,'"\n >\n ').concat(x.reviewed_by.display_name,"\n </a>")})}}),e.createElement("span",null,f("tools.heading.on")),e.createElement("span",null,null==x?void 0:x.reviewed_date)):null),e.createElement(bn,null,h?e.createElement("amp-img",{src:d||"",alt:m,width:"100%",height:"100%"}):e.createElement("img",{src:d||"",style:{width:"100%",objectFit:"contain"},alt:m}))),e.createElement(la,{isEmbed:g,className:"desktop-only",src:d,backgroundSrc:r||c||"",title:m,reviewedSection:(null===(l=null==x?void 0:x.reviewed_by)||void 0===l?void 0:l.display_name)&&""!==(null===(i=null==x?void 0:x.reviewed_by)||void 0===i?void 0:i.display_name)&&e.createElement(s,{size:"n1",color:K.colors.white,style:{marginTop:12}},e.createElement("span",{dangerouslySetInnerHTML:{__html:f("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(y,'"\n >\n ').concat(x.reviewed_by.display_name,"\n </a>"),date:null==x?void 0:x.reviewed_date})}}),e.createElement("span",null)),isMobile:!0}))},ra=function(n){var t=n.onSubmitOvulation,a=n.locale,o=n.ovulationPageInfo,l=pt().t,i=Gn(o||null);return e.createElement(mn,null,e.createElement(ia,{backgroundDesktopSrc:Yn.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:Yn.getAssetPath("embedToolBannerPink.svg"),title:l("healthTools.ovulationCalculator"),iconSrc:"https://hellobacsi.com/images/ovulation-icon.svg",reviewedBy:i.reviewedBy,reviewedDate:i.reviewedDate,isEmbed:!0}),e.createElement(dt,null,e.createElement(dn,{className:"due-date-cal"},e.createElement(wn,{locale:a,onSubmitOvulation:t}))))},ca=function(n){var t=n.ampNextArticles,a=(null==t?void 0:t.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",I({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))},sa=function(){return"undefined"!=typeof window&&window.innerWidth<G.BREAK_POINT_MOBILE},ma=function(){return"undefined"!=typeof window&&window.innerWidth>=G.BREAK_POINT_MOBILE&&window.innerWidth<G.BREAK_POINT_PC};var da={"en-PH":gt,"vi-VN":ft,"zh-TW":vt,"id-ID":ht};function pa(t){var l=t.value,i=void 0===l?{from:null,to:null}:l,r=n(null),c=r[0],s=r[1],m=function(){var e=n(sa()),t=e[0],a=e[1],l=n(ma()),i=l[0],r=l[1];return o((function(){var e=function(){a(sa()),r(ma())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:t,isLargeMobile:i}}().isMobile,d=n((function(){return i})),p=d[0],u=d[1],g=n((function(){var e;return Xn(null!==(e=i.from)&&void 0!==e?e:new Date)})),h=g[0],f=g[1],v=a((function(){return Jn(h,1)}),[h]);var x=I(I({},t),{goToNextMonth:function(){f((function(e){return Jn(e,1)}))},goToPreviousMonth:function(){f((function(e){return $n(e,1)}))},range:p,setRange:u,hoverDay:c,setHoverDay:s});return e.createElement(e.Fragment,null,e.createElement(ua,I({},x,{date:h})),!m&&e.createElement(kn,null),!m&&e.createElement(ua,I({},x,{date:v})))}function ua(n){var t=n.date,l=n.range,i=n.setRange,r=n.onChange,c=n.goToPreviousMonth,s=n.goToNextMonth,m=n.minDate,d=n.maxDate,p=n.close,u=void 0===p?function(){}:p,g=n.autoClose,h=void 0!==g&&g,f=n.hoverDay,v=n.setHoverDay,x=pt().locale,E=a((function(){var e;return null!==(e=da[x])&&void 0!==e?e:da["en-PH"]}),[x]),y=a((function(){return Qn(t,"MMMM",{locale:E})}),[t,E]),b=a((function(){return E?[1,2,3,4,5,6,0].map((function(e){return E.localize.day(e,{width:"narrow"})})):[]}),[E]);function w(n,t){if(null===n)return e.createElement(An,{key:"idx-".concat(t),"data-empty":"true"});var a=n.getDate(),o=nt(n),r=!!l.from&&tt(l.from,n),c=!!l.to&&tt(l.to,n),s=r||c,p=!1;null!==f&&l.from&&Kn(l.from,f)&&!l.to?p=at(n,{start:l.from,end:f}):l.from&&l.to&&(p=at(n,{start:l.from,end:l.to}));var g=!1;return m&&d?g=!at(n,{start:m,end:d}):m?g=Kn(n,m):d&&(g=ot(n,d)),e.createElement(An,{key:a,"data-is-today":o,"data-is-past":!o&&lt(n),"data-is-selected":s,"data-is-disabled":g,"data-in-range":p,"data-is-from":r,"data-is-to":c,onMouseEnter:function(){v(n)},onMouseLeave:function(){return v(null)},onClick:function(){g||i((function(e){return h&&l.from&&!l.to&&u(),function(e,n){return n.from||n.to?n.from&&n.to?{from:e,to:null}:n.from?Kn(e,n.from)?I(I({},n),{from:e}):I(I({},n),{to:e}):n:I(I({},n),{from:e})}(n,e)}))}},e.createElement(Bn,{onClick:function(){}},e.createElement("p",null,a)))}return o((function(){l.from&&l.to&&r(l)}),[l]),e.createElement(Cn,{className:"calendar-wrapper"},e.createElement(Ln,null,e.createElement(Y,{onClick:c,size:"md",color:"ghost",icon:e.createElement("img",{src:Yn.getAssetPath("calendarArrowLeft.svg")})}),e.createElement("div",{className:"calendar-month"},y,e.createElement("strong",null,Qn(t,"yyyy"))),e.createElement(Y,{onClick:s,size:"md",color:"ghost",icon:e.createElement("img",{src:Yn.getAssetPath("calendarArrowRight.svg")})})),e.createElement(Nn,null,e.createElement("div",null,e.createElement(zn,null,b.map((function(n,t){return e.createElement(_n,{key:"".concat(n,"-").concat(t)},n)})))),e.createElement("div",null,function(){for(var n=t.getFullYear(),a=t.getMonth(),o=et(t),i=[],r=1;r<=o;r++)i.push(new Date(n,a,r));var c=i[0]?i[0].getDay():0;if(1!==c){var s=0===c?6:c-1;for(r=0;r<s;r++)i.unshift(null)}return e.createElement(Mn,{key:"month-".concat(a),"data-month-index":a,"data-has-range":Boolean(l.from&&l.to)},e.createElement(Fn,null,e.createElement(Dn,null,i.map(w))))}())))}function ga(o){var l=o.inputSize,i=void 0===l?"md":l,r=o.name,c=void 0===r?"date-range-picker":r,s=o.value,m=o.minDate,d=o.maxDate,p=o.onChange,u=o.className,g=o.autoClose,h=void 0!==g&&g;s||(s={from:null,to:null});var f=n(!1),v=f[0],x=f[1];function E(){x(!1)}var y=t(null);function b(e){p&&p(e)}function w(e){return Qn(e,"dd/MM/yyyy")}ut(y,(function(){E()}));var k=a((function(){return s.from&&s.to?tt(s.from,s.to)?w(s.from):"".concat(w(s.from)," - ").concat(w(s.to)):""}),[s.from,s.to]);return e.createElement(Sn,{className:[u,v&&"focused"].filter(Boolean).join(" "),ref:y},e.createElement("label",{htmlFor:c},e.createElement(H,{size:i,value:k,name:c,actionIcon:e.createElement("img",{src:Yn.getAssetPath("calendar.svg")}),onFocus:function(){return x(!0)}})),v?e.createElement(jn,{onMouseDown:function(e){e.stopPropagation()}},e.createElement(pa,{value:s,onChange:b,minDate:m,maxDate:d,close:E,autoClose:h})):null)}var ha,fa,va=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"}))},xa=function(n){var t=n.url,a=n.onCopied,o=n.locale,l=pt().t,i=xt(t||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(o)}));return e.createElement(Hn,null,e.createElement(s,{size:"p3",color:K.colors.gray800},l("shareContainer.title")),e.createElement("div",{className:"icon-group"},i.map((function(n,t){return e.createElement("a",{key:t,href:n.href,target:"_blank",rel:"noreferrer"},n.icon)})),e.createElement(Y,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:e.createElement(va,null),onClick:function(){return O(void 0,void 0,void 0,(function(){var e;return U(this,(function(n){switch(n.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(t)];case 1:return n.sent(),null==a||a(),[2]}}))}))}})))},Ea=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"}))},ya=function(n){var t=n.open,a=n.title,l=n.onClose,r=n.onCopied,c=n.onShared,m=n.url,d=n.locale,p=V(n,["open","title","onClose","onCopied","onShared","url","locale"]),u=pt().t,g=i((function(){return O(void 0,void 0,void 0,(function(){var e;return U(this,(function(n){switch(n.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(m)];case 1:return n.sent(),null==r||r(),[2]}}))}))}),[m,r]),h=xt(m||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(d)}));return o((function(){t&&navigator.share&&navigator.share({title:null!=a?a:"Read This Post",url:m}).then((function(){null==c||c()})).catch((function(){null==l||l()}))}),[m,a,c,t]),"undefined"!=typeof navigator&&navigator.share?null:e.createElement(Tn,I({title:u("share.title"),onClose:l,open:t,placement:"bottom"},p),e.createElement("div",{className:"share-container"},e.createElement("div",{className:"icon-container"},e.createElement(s,{type:"semiBold",size:"s3",color:K.colors.gray600},u("share.title")),e.createElement("div",{className:"icon-group"},h.map((function(n,t){return e.createElement("a",{key:t,href:n.href,target:"_blank",rel:"noreferrer"},n.icon)})))),e.createElement("div",{className:"link-container"},e.createElement(s,{type:"semiBold",size:"s3",color:K.colors.gray600},u("share.copyLink")),e.createElement("div",{className:"input-group"},e.createElement(Et,{name:"link",size:"md",value:m,isDisabled:!0}),e.createElement(Y,{size:"md",type:"button",color:"tertiary",icon:e.createElement(Ea,null),onClick:g})))))},ba=it.footer(ha||(ha=Z(["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image {\n width: 10%;\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image {\n width: 10%;\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),R.mbDown,R.mbDown,R.mbUp,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.neutral500}),R.mbUp,R.mbDown,(function(e){return e.theme.colors.neutral500}),R.mbUp,R.mbUp,(function(e){return e.theme.colors.neutral500}),R.mbUp,(function(e){return e.theme.colors.neutral500}),R.mbDown,R.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),R.mbDown,(function(e){return e.theme.colors.neutral500}),R.mbDown,R.mbUp,(function(e){return e.theme.colors.neutral500}),R.mbDown,R.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),R.mbUp),wa=it.div(fa||(fa=Z(["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"],["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"]))),ka=function(n){var t=n.url,a=n.isMobile,o=n.dataEventCategory,l=n.dataEventAction,i=n.dataEventLabel,r=n.isAmp;return e.createElement(wa,{"data-is-mobile":a},r?e.createElement("amp-img",{className:"country-flag",src:t,alt:"Country Flag","data-event-category":o,"data-event-action":l,"data-content-label":i}):e.createElement("img",{loading:"lazy",className:"country-flag lazy","data-src":t,alt:"Country Flag","data-event-category":o,"data-event-action":l,"data-content-label":i}))},Ca=function(n){var t,a,l,i,r,c,m,d,p,u,g,h,f,v,x,E,y,b,w,k,C,L,N,z,_,M,F,D,A,B,S,H,T,I,P,V=n.className,O=n.type,U=void 0===O?"main":O,Z=n.footerInfo,W=n.isMobile,G=n.locale,R=n.isAmp,X=pt().t,J=null==Z?void 0:Z.menu;return o((function(){setTimeout((function(){return null==q?void 0:q.update()}),100)}),[]),e.createElement(ba,{as:R&&"mini"===U?"div":"footer",className:V,style:"mini"===U?{backgroundColor:K.colors.neutral50}:{},"next-page-hide":!0},e.createElement(j,null,e.createElement("div",{className:"inner","data-type":U,"next-page-hide":""},"main"===U?e.createElement(e.Fragment,null,e.createElement("a",{href:"/"},R?(null===(a=null==Z?void 0:Z.general)||void 0===a?void 0:a.logo)?e.createElement("amp-img",{src:null===(l=null==Z?void 0:Z.general)||void 0===l?void 0:l.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:e.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(t=null==Z?void 0:Z.general)||void 0===t?void 0:t.logo,alt:"Logo","data-is-sehat":"id-ID"===G})),e.createElement("div",{className:"columns"},e.createElement("div",{className:"newsletter"},e.createElement(s,{size:"p1",type:"bold"},null===(i=null==Z?void 0:Z.general)||void 0===i?void 0:i.content),e.createElement(Y,{className:"signupButton",color:"primary",size:"lg"},X("footer.signUp")),e.createElement("div",{className:"social"},e.createElement(s,{size:"sm",type:"regular"},null===(r=null==Z?void 0:Z.social)||void 0===r?void 0:r.title),e.createElement("div",{className:"icons"},null===(m=null===(c=null==Z?void 0:Z.social)||void 0===c?void 0:c.socials)||void 0===m?void 0:m.map((function(n,t){return e.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},R?e.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):e.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,"data-src":n.icon,alt:"Logo Social",className:"social-icon lazy"}))}))),e.createElement("hr",{className:"hrMobile"}))),e.createElement("div",null,J&&e.createElement(e.Fragment,null,e.createElement("div",{className:"biglinks"},null===(p=null===(d=J[0])||void 0===d?void 0:d.items)||void 0===p?void 0:p.map((function(n,t){return e.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(rt[G]).concat(n.url),className:"bigLink",key:t,href:n.url},n.title)}))),e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"mHalf"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(u=J[1])||void 0===u?void 0:u.menu_title),null===(h=null===(g=J[1])||void 0===g?void 0:g.items)||void 0===h?void 0:h.map((function(n,t){return e.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(rt[G]).concat(n.url),className:"link",href:n.url,key:t},e.createElement(s,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(rt[G]).concat(n.url)},n.title))}))),e.createElement("div",{className:"mHalf"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(f=J[2])||void 0===f?void 0:f.menu_title),null===(x=null===(v=J[2])||void 0===v?void 0:v.items)||void 0===x?void 0:x.map((function(n,t){return n.url&&e.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url,className:"link",href:n.url,key:t},e.createElement(s,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))})))),!R&&e.createElement(e.Fragment,null,e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"otherSites"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(E=null==Z?void 0:Z.branch)||void 0===E?void 0:E.title),e.createElement("div",{className:"flags"},null===(b=null===(y=null==Z?void 0:Z.branch)||void 0===y?void 0:y.branch)||void 0===b?void 0:b.map((function(n,t){return e.createElement("a",{className:"link",href:n.url,key:t,"data-event-category":"Footer","data-event-action":n.name,"data-event-label":n.url},e.createElement(ka,{url:n.flag,isMobile:W,dataEventCategory:"Footer",dataEventAction:n.name,dataEventLabel:n.url,isAmp:R}))}))))))),e.createElement("hr",null),e.createElement("div",{className:"copyright","data-is-amp":R||void 0},(null===(w=null==Z?void 0:Z.general)||void 0===w?void 0:w.verified)&&e.createElement("a",{href:null===(C=null===(k=null==Z?void 0:Z.general)||void 0===k?void 0:k.verified[0])||void 0===C?void 0:C.url,className:"copyright-image"},R?e.createElement("amp-img",{src:null===(N=null===(L=null==Z?void 0:Z.general)||void 0===L?void 0:L.verified[0])||void 0===N?void 0:N.image,alt:"DMCA Icon",width:"100",height:"36"}):e.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(_=null===(z=null==Z?void 0:Z.general)||void 0===z?void 0:z.verified[0])||void 0===_?void 0:_.image,alt:"DMCA Icon"})),e.createElement(s,{size:"xs",type:"regular",className:"copyright-content"},null===(M=null==Z?void 0:Z.general)||void 0===M?void 0:M.copyright)),"vi-VN"===G&&e.createElement(s,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):e.createElement(e.Fragment,null,(null==Z?void 0:Z.menu)&&e.createElement("div",{className:"columns"},e.createElement("div",{className:"mHalf"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(F=null==Z?void 0:Z.menu[1])||void 0===F?void 0:F.menu_title),null===(A=null===(D=null==Z?void 0:Z.menu[1])||void 0===D?void 0:D.items)||void 0===A?void 0:A.map((function(n){return e.createElement("a",{className:"link",href:n.url,key:n.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":n.title,"data-content-id":"https://".concat(rt[G]).concat(n.url),"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(rt[G]).concat(n.url)},e.createElement(s,{dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(rt[G]).concat(n.url),size:"sm",type:"regular",style:{color:K.colors.gray800}},n.title))}))),e.createElement("div",{className:"mHalf"},e.createElement(s,{type:"regular",size:"sm",className:"linkTitle"},null===(B=null==Z?void 0:Z.menu[2])||void 0===B?void 0:B.menu_title),null===(H=null===(S=null==Z?void 0:Z.menu[2])||void 0===S?void 0:S.items)||void 0===H?void 0:H.map((function(n,t){return e.createElement("a",{className:"link",href:n.url,key:t,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":n.title,"data-content-id":n.url,"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url},e.createElement(s,{size:"sm",type:"regular",style:{color:K.colors.gray800},dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))}))),!R&&"mini"!==U&&e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"newsletter"},e.createElement("div",{className:"social"},e.createElement(s,{size:"sm",type:"regular"},null===(T=null==Z?void 0:Z.social)||void 0===T?void 0:T.title),e.createElement("div",{className:"icons"},null===(P=null===(I=null==Z?void 0:Z.social)||void 0===I?void 0:I.socials)||void 0===P?void 0:P.map((function(n,t){return e.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},R?e.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):e.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,"data-src":n.icon,alt:"Logo Social",className:"social-icon lazy"}))}))))))))))};it((function(n){var t=n.type,a=V(n,["type"]);return e.createElement(t,a)}))(La||(La=Z(["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"],["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"])),(function(e){return e.theme.mbColors.dark}));var La,Na,za=it.p(Na||(Na=Z(["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"],["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"])),(function(e){return e.theme.mbColors.dark})),_a=function(n){var t=n.type,a=n.color,o=n.style,l=V(n,["type","color","style"]);return e.createElement(za,I({"data-type":t,style:I(I({},o),a&&{"--text-color":a})},l))};it.footer(Ma||(Ma=Z(["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n position: relative;\n background: ",";\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n margin-bottom: 24px;\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n font-size: 19px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n p {\n color: ",";\n }\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n\n "," {\n margin-bottom: 0px;\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 19px;\n font-weight: ",";\n text-decoration: none;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n "," {\n margin-bottom: 8px;\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),(function(e){return e.theme.mbColors.lightGray}),R.mbDown,R.mbDown,(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral500}),R.mbUp,R.mbDown,(function(e){return e.theme.colors.neutral500}),R.mbUp,R.mbUp,(function(e){return e.theme.colors.white}),R.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),R.mbDown,(function(e){return e.theme.colors.neutral500}),R.mbDown,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),R.mbUp);var Ma,Fa,Da,Aa,Ba,Sa,ja,Ha,Ta=it.div(Fa||(Fa=Z([""],[""]))),Ia=it.div(Da||(Da=Z(["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n overflow: hidden;\n padding: 40px 40px 100px 40px;\n\n .icons-links {\n position: relative;\n display: flex;\n justify-content: space-between;\n }\n"]))),Pa=it.div(Aa||(Aa=Z(["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"],["\n position: relative;\n margin: 80px 0 0;\n\n "," {\n margin-top: 0px;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n content: '';\n transform: translateX(-50%);\n border-radius: 100% 100% 0 0 / 30% 30%;\n }\n }\n"])),R.mbDown),Va=it.div(Ba||(Ba=Z(["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"],["\n position: relative;\n padding: 0 16px;\n\n "," {\n padding: 48px 8px 0;\n }\n\n & .grid {\n display: flex;\n flex-wrap: wrap;\n margin: -8px;\n\n & > * {\n display: inline-block;\n flex: 0 0 25%;\n padding: 8px;\n color: ",";\n text-decoration: none;\n }\n\n "," {\n & > * {\n flex: 0 0 100%;\n text-align: center;\n }\n }\n }\n\n & .social-wrapper {\n margin-left: auto;\n }\n\n & .social {\n "," {\n & .icons-links {\n margin-top: 16px;\n\n & > a:not(:first-child) {\n margin-left: 10%;\n }\n\n & > a {\n text-decoration: none;\n }\n }\n }\n\n "," {\n width: 100%;\n display: flex;\n background: #fff;\n box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n padding: 20px 16px;\n align-items: center;\n max-width: 400px;\n margin: 32px auto 0px;\n\n & > p {\n font-size: 12px;\n line-height: 20px;\n }\n\n & .icons-links {\n margin-left: 8%;\n flex: 1;\n display: inline-flex;\n justify-content: space-between;\n }\n }\n\n & .icons-links {\n & > a {\n & > img {\n width: 24px;\n object-fit: contain;\n }\n }\n }\n }\n"])),R.mbDown,(function(e){return e.theme.colors.gray800}),R.mbDown,R.mbUp,R.mbDown),Oa=it.div(Sa||(Sa=Z(["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"],["\n position: relative;\n\n "," {\n margin: 80px 0 0;\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: #f3f3f3;\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n }\n\n "," {\n background-color: #f3f3f3;\n }\n"])),R.mbUp,R.mbDown),Ua=it.div(ja||(ja=Z(["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"],["\n position: relative;\n padding: 64px 16px 154px;\n text-align: center;\n\n "," {\n padding: 48px 8px 32px;\n }\n\n & .company-name {\n margin-top: 24px;\n }\n\n .logo {\n justify-content: center;\n }\n\n & .text-info {\n margin-top: 8px;\n > p {\n margin-bottom: 8px;\n }\n "," {\n text-align: left;\n margin-top: 16px;\n }\n }\n\n & .img-container {\n display: flex;\n max-width: 176px;\n height: 24px;\n justify-content: space-between;\n margin: 24px auto 0;\n\n "," {\n height: 32px;\n max-width: unset;\n justify-content: space-around;\n }\n\n img {\n width: unset;\n height: 100%;\n object-fit: contain;\n }\n }\n\n & > hr {\n border-color: ",";\n margin: 64px 0 18px;\n opacity: 0.1;\n }\n\n & .language-and-copyright {\n display: flex;\n justify-content: center;\n\n "," {\n margin-top: 60px;\n }\n\n & #footer-language-select {\n width: 100%;\n max-width: 114px;\n\n &[data-dropdown-open='true'] > div:after {\n transform: translateY(-60%) rotateZ(-180deg);\n }\n\n "," {\n order: 1;\n }\n\n & > div {\n padding: 0;\n\n & > div > svg {\n max-width: 22px;\n margin-right: 8px;\n transform: translateY(1px);\n }\n\n & > span {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n }\n }\n\n & > ul[data-has-icons='true'] {\n width: 158px;\n max-width: 158px;\n border: none;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n "," {\n margin-top: 0;\n left: unset;\n right: 0;\n top: unset;\n bottom: 32px;\n }\n\n & li {\n font-size: 12px;\n letter-spacing: -0.2px;\n line-height: 24px;\n\n & > div {\n max-width: 22px;\n & svg {\n width: 22px;\n max-width: 22px;\n transform: translateY(3px);\n }\n }\n }\n }\n }\n\n & > p {\n color: ",";\n }\n }\n"])),R.mbDown,R.mbDown,R.mbDown,(function(e){return e.theme.mbColors.midGray}),R.mbDown,R.mbDown,R.mbDown,(function(e){return e.theme.mbColors.midGray})),Za=it.div(Ha||(Ha=Z(["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"],["\n position: absolute;\n top: 0;\n right: -50%;\n width: 400px;\n height: 400px;\n background-color: #f2fcf7;\n border-radius: 50%;\n"]))),Wa={SOCIAL_LINKS:{facebookLink:"https://www.facebook.com/marry.baby.vn",instagramLink:"https://www.instagram.com/marrybaby.vn",zaloLink:"http://zalo.me/806483414530291942",youtubeLink:"https://www.youtube.com/user/marrybabyvn"}},Ga=function(n){var t,a=n.socialLinks,o=void 0===a?Wa.SOCIAL_LINKS:a,l=o.facebookLink,i=o.instagramLink,r=o.zaloLink,c=o.youtubeLink,s=n.copyrightText,m=n.logoType,d=void 0===m?"marryBaby":m,p=n.isMobile,u=n.footerMenu,g=void 0===u?[]:u,h=n.type,f=void 0===h?"main":h,v=pt().t;return"main"===f?e.createElement(Ta,{className:"footer-container"},!p&&e.createElement("div",{className:"footer-divider"},e.createElement(j,{type:"marryBaby"},e.createElement(yt,{style:{padding:"0 16px"},type:"solid"}))),e.createElement(Pa,null,e.createElement(j,{type:"marryBaby"},e.createElement(Va,null,e.createElement("div",{className:"grid"},null===(t=p?null==g?void 0:g.slice(0,6):g)||void 0===t?void 0:t.map((function(n,t){var a=n.title,o=n.link;return e.createElement("a",{"data-event-category":"Footer","data-event-action":a,"data-event-label":"".concat(o),className:"link",href:o,key:"footer-links-".concat(t)},e.createElement(_a,{color:K.colors.gray800,type:"subtitle-2"},a))})),e.createElement("div",{className:"social-wrapper"},e.createElement("div",{className:"social"},e.createElement(_a,{type:"subtitle-2"},v("footer.followUsText")),e.createElement("div",{className:"icons-links"},l&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":l,href:l},e.createElement("img",{src:Yn.getAssetPath("facebook.svg"),alt:"Facebook"})),c&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},e.createElement("img",{src:Yn.getAssetPath("youtube.svg"),alt:"Youtube"})),i&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":i,href:i},e.createElement("img",{src:Yn.getAssetPath("instagram.svg"),alt:"Instagram"})),r&&e.createElement("a",{target:"_blank",rel:"noreferrer",href:r,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":r},e.createElement("img",{src:Yn.getAssetPath("zalo.png"),alt:"Zalo"}))))))))),e.createElement(Oa,null,e.createElement(j,{type:"marryBaby"},e.createElement(Ua,null,e.createElement(T,{className:"logo",type:d,width:"121px"}),e.createElement(_a,{className:"company-name",type:"subtitle-2"},v("footer.info.companyName")),e.createElement("div",{className:"text-info"},e.createElement(_a,{type:"bodytext-3"},v("footer.info.address")),e.createElement(_a,{type:"bodytext-3"},v("footer.info.license")),e.createElement(_a,{type:"bodytext-3"},v("footer.info.email"))),e.createElement("div",{className:"img-container"},e.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),e.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},e.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!p&&e.createElement(yt,{type:"solid"}),e.createElement("div",{className:"language-and-copyright"},e.createElement(_a,{type:"bodytext-3"},s)))))):e.createElement(Ia,null,e.createElement(Za,null),e.createElement(_a,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:K.sizes.fwSemiBold},color:K.mbColors.midGray},v("footer.followUsText")),e.createElement("div",{className:"icons-links"},l&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":l,href:l},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z",fill:"url(#paint0_linear)"}),e.createElement("defs",null,e.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#4DABF7"}),e.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),c&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),i&&e.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":i,href:i},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z",fill:"url(#paint0_radial)"}),e.createElement("defs",null,e.createElement("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)"},e.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),e.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),e.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),e.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),e.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),e.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),e.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),e.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),e.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),e.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),e.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),r&&e.createElement("a",{target:"_blank",rel:"noreferrer",href:r,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":r},e.createElement("div",{style:{height:24,width:24}},e.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))},Ra=function(n){var t=n.type,a=n.isMobile,l=void 0===a||a,i=n.locale,r=n.footerInfo,c=n.isAmp,s=n.siteType;return o((function(){setTimeout((function(){return null==q?void 0:q.update()}),100)}),[]),"helloSites"===s?e.createElement(Ca,{isAmp:c,isMobile:l,type:t,locale:i,footerInfo:r||{}}):e.createElement(Ga,{isMobile:l,locale:i,footerMenu:r||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:n.marryBabySocialLinks,type:t})};export{bt as A,wt as B,Bt as C,oa as D,Ct as F,Lt as G,Gt as I,ra as O,zt as P,Tt as R,_t as S,Mt as T,Dt as U,kt as a,Ft as b,At as c,It as d,Ot as e,Zt as f,Wt as g,Rt as h,qt as i,Kt as j,Xt as k,Jt as l,Qt as m,$t as n,ea as o,na as p,ta as q,aa as r,ca as s,ga as t,xa as u,ya as v,Ra as w};

package/build/esm/index-f8e043bf.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import e from"react";import{H as a}from"./index.styled-faeac279.js";var t=function(t){var r=t.type,s=void 0===r?"solid":r,i=t.className,d=t.style;return e.createElement(a,{style:d,className:i,"data-diver-type":s,dividerType:s})};export{t as D};

package/build/esm/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- export{i as Types}from"./index-62c22dbe.js";export{i as Constants}from"./index-58ae0705.js";export{A as Alert,s as AmpNextPage,e as ArticleCard,B as Badge,a as BorderHeading,f as Breadcrumbs,j as Carousel,C as Checkbox,g as CheckboxGroup,p as CookieAcceptConfirm,t as DateRangePicker,D as DueDateCardEmbed,F as FileDropdown,o as FloatButtonGroup,w as Footer,G as Grid,I as IconText,O as OvulationCardEmbed,P as Pagination,d as Progress,h as ProgressBar,R as RateStars,q as SeoHead,S as Shadow,u as ShareContainer,v as ShareDrawer,i as SideMenu,k as StatisticCard,n as SurveyThankyouCard,l as Table,m as Tabs,T as Tag,b as Toggle,r as ToolsBannerCard,U as UnderlinedLink,c as Uploader}from"./index-~~4dca7f50~~.js";export{A as Avatar,D as DefaultComponentGlobalContextData,G as GlobalData,P as Popup,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants}from"./~~utils~~-~~53a64f38~~.js";export{B as Button}from"./index-~~0d69362e~~.js";export{D as Divider}from"./index-~~fe9820b2~~.js";export{C as CategoryCard,D as DatePicker,c as DoctorInfo,F as Flag,L as LanguageSwitcher,M as MobileBottomNavigation,e as MobileBottomNavigationIcon,h as NavigationLogoutPopup,i as NavigationProfileButton,N as NavigationV2,P as ProfilePopup,R as Radio,a as RadioGroup,b as ScrollList,S as Slider,d as SurveyQuestionCard,g as getNavMenuContent,f as getNavMenuContentWithCache}from"./index-~~a4d7d7b7~~.js";export{H as Heading}from"./index-~~c9da804a~~.js";export{I as Input}from"./index-~~d009b597~~.js";export{C as Container,L as Label,a as Logo,M as Menu,P as PureInput,T as Text,b as TextArea,c as TextDivider}from"./index.styled-~~b9f4b7d1~~.js";export{I as Icon,M as Modal,N as NewBabyProfileRadio,R as RadioImageGroup}from"./index-~~dc96c2db~~.js";export{D as Drawer}from"./index.styled-~~a87311b3~~.js";export{C as CardAuthor,D as Dropdown,L as Loading,a as PopupDoctor,P as PopupExpert,b as PopupHospital,d as TogetherDataTransforms,U as UserAvatar}from"./index-a1df367b.js";export{U as UserProfileNavigation,N as UserProfileNavigationHeader,a as UserProfileNavigationStats}from"./index-a2f795a2.js";export{u as useTranslations}from"./useTranslations-ad4d9d26.js";export{M as MEASURE_ELEMENT_CLASS,u as useScrollbarSize}from"./useScrollbarSize-99db33e1.js";export{u as useFbDataLayer}from"./useFbDataLayer-5016df43.js";export{u as useHealthToolsCache}from"./useHealthToolCache-e4e2778a.js";export{T as TranslationsProvider,t as translationsMap}from"./translationsProvider-bc47fc67.js";export{T as TranslationsContext}from"./translationsContext-d658f58d.js";export{C as CardLink,r as CardPost,s as CardPostPopoverMore,b as CardReactions,v as CardReply,w as CardReplyPopover,f as CreateNewPostContent,g as CreatePostDescription,h as CreatePostTitle,n as ImagePreviewPopup,I as InputCommentBar,d as LabelPin,L as LabelSortPin,e as LabelSorting,x as PopoverMenu,P as PopupDanger,j as PopupFrame,m as PostContent,p as PostImagePreview,o as PostSingleImageViewPopup,l as ShareBox,S as SharePopup,q as SocialLinkPreview,k as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,i as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-~~9bdaa5f2~~.js";export{B as BookingSearchBar,t as CareTypes}from"./types-~~7076aa18~~.js";export{c as CareConstants}from"./constants-a0a981fa.js";export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-77c129ef.js";export{B as Breakpoints,M as MediaQueries,S as ScreenSizeContext,p as ScreenSizeContextProvider,h as fadeIn,i as formatUrlWithPageParam,j as getBoundariesFromMediaQueryKey,k as getPopupWrapperDom,o as getWindowSizeGroups,l as lazyLoadInstance,m as makeParams,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp,n as startCase,t as toggleNoScroll}from"./screenSizeContext-~~d6e9a094~~.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-0e8521c3.js";import"react";import"styled-components";export{t as theme}from"./theme-a50a1aa5.js";export{a as abbreviateNumber}from"./number-3cb24023.js";export{f as formatHealthTool,d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,e as getDynamicHealthTool,h as getDynamicHealthToolWithCache,b as getTogetherApiDomain}from"./getDynamicHealthTool-f43c2db2.js";export{g as getSocialList}from"./getSocialList-~~ff22842b~~.js";export{d as defaultTranslations}from"./en-PH-ca0683d7.js";import"./Locale-69030fff.js";import"./tslib.es6-5532bd7b.js";import"react-id-generator";import"lodash";import"keen-slider/react";import"~~react-range~~";import"react-~~dom~~";import"~~string~~-~~format~~";import"~~lodash~~/~~debounce~~";import"~~date~~-~~fns~~";import"~~@mantine~~/~~core~~";import"./useOutsideClick-6004483a.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"~~./gAssets.js~~";import"slugify";import"./core-d22826b4.js";import"react-day-picker/DayPickerInput";import"smoothscroll-polyfill";import"./types-f57c9932.js";import"~~date-fns/locale/hi";import"date-fns/locale/ms";import"date-fns/locale/th";import"~~innertext";import"react-contenteditable";import"react-loading-skeleton";import"lodash/shuffle";import"vanilla-lazyload";
1	+ export{i as Types}from"./index-62c22dbe.js";export{i as Constants}from"./index-58ae0705.js";export{A as Alert,s as AmpNextPage,e as ArticleCard,B as Badge,a as BorderHeading,f as Breadcrumbs,j as Carousel,C as Checkbox,g as CheckboxGroup,p as CookieAcceptConfirm,t as DateRangePicker,D as DueDateCardEmbed,F as FileDropdown,o as FloatButtonGroup,w as Footer,G as Grid,I as IconText,O as OvulationCardEmbed,P as Pagination,d as Progress,h as ProgressBar,R as RateStars,q as SeoHead,S as Shadow,u as ShareContainer,v as ShareDrawer,i as SideMenu,k as StatisticCard,n as SurveyThankyouCard,l as Table,m as Tabs,T as Tag,b as Toggle,r as ToolsBannerCard,U as UnderlinedLink,c as Uploader}from"./index-ea02d1db.js";export{A as Avatar,C as CardAuthor,f as DefaultComponentGlobalContextData,D as Dropdown,G as GlobalData,L as Loading,P as Popup,b as PopupDoctor,a as PopupExpert,e as PopupHospital,T as TogetherComponentGlobalContext,g as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-3193cb21.js";export{B as Button}from"./index-93d22d63.js";export{D as Divider}from"./index-f8e043bf.js";export{C as CategoryCard,D as DatePicker,c as DoctorInfo,F as Flag,L as LanguageSwitcher,M as MobileBottomNavigation,e as MobileBottomNavigationIcon,j as NavigationLogoutPopup,k as NavigationProfileButton,N as NavigationV2,P as ProfilePopup,R as Radio,a as RadioGroup,b as ScrollList,S as Slider,d as SurveyQuestionCard,U as UserProfileNavigation,h as UserProfileNavigationHeader,i as UserProfileNavigationStats,g as getNavMenuContent,f as getNavMenuContentWithCache}from"./index-364815d1.js";export{H as Heading}from"./index-7a537be1.js";export{I as Input}from"./index-642d36c8.js";export{C as Container,L as Label,a as Logo,M as Menu,P as PureInput,T as Text,b as TextArea,c as TextDivider}from"./index.styled-faeac279.js";export{I as Icon,M as Modal,N as NewBabyProfileRadio,R as RadioImageGroup}from"./index-2cf5cfbc.js";export{D as Drawer}from"./index.styled-d8a819ea.js";export{u as useTranslations}from"./useTranslations-ad4d9d26.js";export{M as MEASURE_ELEMENT_CLASS,u as useScrollbarSize}from"./useScrollbarSize-99db33e1.js";export{u as useFbDataLayer}from"./useFbDataLayer-5016df43.js";export{u as useHealthToolsCache}from"./useHealthToolCache-e4e2778a.js";export{T as TranslationsProvider,t as translationsMap}from"./translationsProvider-bc47fc67.js";export{T as TranslationsContext}from"./translationsContext-d658f58d.js";export{C as CardLink,r as CardPost,s as CardPostPopoverMore,b as CardReactions,v as CardReply,w as CardReplyPopover,f as CreateNewPostContent,g as CreatePostDescription,h as CreatePostTitle,n as ImagePreviewPopup,I as InputCommentBar,d as LabelPin,L as LabelSortPin,e as LabelSorting,x as PopoverMenu,P as PopupDanger,j as PopupFrame,m as PostContent,p as PostImagePreview,o as PostSingleImageViewPopup,l as ShareBox,S as SharePopup,q as SocialLinkPreview,k as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,i as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-4863c0a8.js";export{B as BookingSearchBar,t as CareTypes}from"./types-39d553b4.js";export{c as CareConstants}from"./constants-a0a981fa.js";export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-77c129ef.js";export{B as Breakpoints,M as MediaQueries,S as ScreenSizeContext,p as ScreenSizeContextProvider,h as fadeIn,i as formatUrlWithPageParam,j as getBoundariesFromMediaQueryKey,k as getPopupWrapperDom,o as getWindowSizeGroups,l as lazyLoadInstance,m as makeParams,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp,n as startCase,t as toggleNoScroll}from"./screenSizeContext-12f741e1.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-0e8521c3.js";import"react";import"styled-components";export{t as theme}from"./theme-a50a1aa5.js";export{a as abbreviateNumber}from"./number-3cb24023.js";export{f as formatHealthTool,d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,e as getDynamicHealthTool,h as getDynamicHealthToolWithCache,b as getTogetherApiDomain}from"./getDynamicHealthTool-f43c2db2.js";export{g as getSocialList}from"./getSocialList-2f760404.js";export{d as defaultTranslations}from"./en-PH-ca0683d7.js";import"./Locale-69030fff.js";import"./tslib.es6-5532bd7b.js";import"react-id-generator";import"lodash";import"keen-slider/react";import"./gAssets.js";import"react-range";import"date-fns";import"@mantine/core";import"string-format";import"lodash/debounce";import"./useOutsideClick-6004483a.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"date-fns/locale/hi";import"date-fns/locale/ms";import"date-fns/locale/th";import"slugify";import"./core-d22826b4.js";import"react-day-picker/DayPickerInput";import"react-dom";import"smoothscroll-polyfill";import"./types-f57c9932.js";import"innertext";import"react-contenteditable";import"react-loading-skeleton";import"lodash/shuffle";import"vanilla-lazyload";

package/build/esm/index.styled-d8a819ea.js ADDED Viewed

@@ -0,0 +1 @@

+ import n,{useRef as e,useEffect as t}from"react";import{Portal as i}from"@mantine/core";import{t as o,M as a}from"./screenSizeContext-12f741e1.js";import{an as r,ao as d,ap as l,T as s,aq as h}from"./index.styled-faeac279.js";import{e as p}from"./tslib.es6-5532bd7b.js";import c from"styled-components";var x,m,u,f=function(e){var t=e.open,i=void 0!==t&&t,o=e.onClickOutside;return n.createElement(r,{open:i,onClick:o})},g=function(a){var r=a.children,p=a.title,c=a.onClose,x=a.open,m=void 0!==x&&x,u=a.placement,g=void 0===u?"left":u,v=a.destroyOnClose,w=void 0!==v&&v,b=a.className,C=e();t((function(){return o(m),function(){return o(!1)}}),[m]);var y=function(){C.current.classList.add("slideOut"),setTimeout((function(){c()}),800)};return!m&&w?null:n.createElement(i,null,n.createElement(d,{className:b,open:m},n.createElement(f,{open:m,onClickOutside:y}),n.createElement(l,{open:m,placement:g,ref:C,hasTitle:Boolean(p)},n.createElement("div",{className:"title"},p&&n.createElement(s,{size:"s2",type:"semiBold"},p),n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:y},n.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),n.createElement(h,{onClick:function(n){return n.stopPropagation()}},r&&(n.isValidElement(r)?r:"function"==typeof r?r({internalClose:y}):null)))))},v=c.div(x||(x=p(["\n position: relative;\n z-index: 200;\n background-color: ",";\n border-radius: 6px;\n box-shadow: 0px 4px 8px ",";\n\n .hhg-modal__content {\n position: relative;\n z-index: 111;\n height: 100%;\n padding: 16px;\n }\n .hhg-modal__video {\n position: relative;\n z-index: 111;\n height: 100%;\n background-color: none;\n box-shadow: none;\n }\n"],["\n position: relative;\n z-index: 200;\n background-color: ",";\n border-radius: 6px;\n box-shadow: 0px 4px 8px ",";\n\n .hhg-modal__content {\n position: relative;\n z-index: 111;\n height: 100%;\n padding: 16px;\n }\n .hhg-modal__video {\n position: relative;\n z-index: 111;\n height: 100%;\n background-color: none;\n box-shadow: none;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),w=c.div(m||(m=p(["\n position: fixed;\n top: 0;\n left: 0;\n z-index: 201;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n outline: 0;\n visibility: hidden;\n background-color: rgba(38, 38, 38, 0.3);\n\n .hhg-modal__close {\n position: absolute;\n top: 16px;\n right: 16px;\n cursor: pointer;\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n &[data-type='video'] {\n z-index: 1001;\n }\n &[data-open='true'] {\n visibility: visible;\n }\n\n &.slideTop {\n "," {\n transform: translate(0, -100vh);\n transition: all 0.5s ease;\n }\n\n &[data-open='true'] {\n "," {\n transform: translate(0);\n }\n }\n }\n\n &.scaleUp {\n "," {\n transform: scale(0.9);\n }\n\n &[data-open='true'] {\n "," {\n transition: all 0.3s ease-out;\n transform: scale(1);\n }\n }\n }\n\n &[data-type='tail'] {\n justify-content: flex-end;\n "," {\n width: 420px;\n height: 100%;\n border-radius: 0;\n overflow: hidden auto;\n }\n }\n &[data-type='form'] {\n "," {\n width: 496px;\n height: 548px;\n max-height: 100%;\n overflow-y: auto;\n "," {\n width: 340px;\n }\n }\n }\n &[data-type='video'] {\n "," {\n height: 100%;\n max-height: 539px;\n "," {\n height: 192px;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n max-height: 192px;\n }\n }\n }\n &[data-type='confirm'] {\n "," {\n width: 100%;\n max-width: 407px;\n "," {\n width: calc(100% - 32px);\n max-width: calc(100% - 32px);\n }\n }\n }\n"],["\n position: fixed;\n top: 0;\n left: 0;\n z-index: 201;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n outline: 0;\n visibility: hidden;\n background-color: rgba(38, 38, 38, 0.3);\n\n .hhg-modal__close {\n position: absolute;\n top: 16px;\n right: 16px;\n cursor: pointer;\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n &[data-type='video'] {\n z-index: 1001;\n }\n &[data-open='true'] {\n visibility: visible;\n }\n\n &.slideTop {\n "," {\n transform: translate(0, -100vh);\n transition: all 0.5s ease;\n }\n\n &[data-open='true'] {\n "," {\n transform: translate(0);\n }\n }\n }\n\n &.scaleUp {\n "," {\n transform: scale(0.9);\n }\n\n &[data-open='true'] {\n "," {\n transition: all 0.3s ease-out;\n transform: scale(1);\n }\n }\n }\n\n &[data-type='tail'] {\n justify-content: flex-end;\n "," {\n width: 420px;\n height: 100%;\n border-radius: 0;\n overflow: hidden auto;\n }\n }\n &[data-type='form'] {\n "," {\n width: 496px;\n height: 548px;\n max-height: 100%;\n overflow-y: auto;\n "," {\n width: 340px;\n }\n }\n }\n &[data-type='video'] {\n "," {\n height: 100%;\n max-height: 539px;\n "," {\n height: 192px;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n max-height: 192px;\n }\n }\n }\n &[data-type='confirm'] {\n "," {\n width: 100%;\n max-width: 407px;\n "," {\n width: calc(100% - 32px);\n max-width: calc(100% - 32px);\n }\n }\n }\n"])),v,v,v,v,v,v,a.mbDown,v,a.mbDown,v,a.mbDown),b=c.div(u||(u=p(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n align-items: center;\n\n &[data-open='false'] {\n display: none;\n }\n &[data-type='video'] {\n background-color: ",";\n }\n"],["\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n align-items: center;\n\n &[data-open='false'] {\n display: none;\n }\n &[data-type='video'] {\n background-color: ",";\n }\n"])),(function(n){return n.theme.colors.secondaryDark}));export{g as D,w as S,b as a,v as b};