@hhgtech/hhg-components 1.28.35 → 1.28.37

package/build/esm/{index-d943277b.js → index-6127f94b.js}

@@ -1,4 +1,4 @@
-import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle as r,useMemo as n,forwardRef as l,createContext as s}from"react";import{I as d,T as c}from"./index-2eb76153.js";import{u as p}from"./useTranslations-d8df7d65.js";import"lodash/debounce";import"./isProduction-0005bed8.js";import"./index-6b632496.js";import"./useCategory-f09c0218.js";import{createStyles as m,Stack as h,Group as g,getStylesRef as u,useMantineTheme as b,Flex as x,rem as y,Box as f}from"@mantine/core";import v,{keyframes as w,css as k}from"styled-components";import{M as E}from"./screenSizeContext-5ebd7a94.js";import{L as $}from"./index-19d6e493.js";import{B as D}from"./index-cc5735d3.js";import{H as C,T as z,Q as B,a6 as P,P as N,x as j}from"./index.styles-e55de146.js";import{I as S}from"./index-0d048082.js";import{_ as I}from"./tslib.es6-caf7391f.js";import T from"dayjs";import{t as M}from"./theme-11c43794.js";import{G as A,L as O}from"./Subot-67816106.js";import{CommonGAssets as _}from"./gAssets.js";import{R as L,B as U}from"./index-6803e2f2.js";import"@mantine/dates";import"./translationsContext-66e27067.js";import"string-format";import"@mantine/hooks";import{yupResolver as F}from"@hookform/resolvers/yup";import{useForm as H,Controller as R}from"react-hook-form";import{B as G,D as W}from"./index-2ad11d68.js";import{L as V}from"./constants-06083c39.js";import{D as q}from"./index.styled-6d8c2436.js";import{format as Y,addDays as Z}from"date-fns";import"./utils-81962957.js";import{S as X}from"./index-61b510c9.js";import{M as J}from"./index-feacc1bb.js";import"./index-3afa303d.js";import{D as K}from"./types-2c168c1f.js";import Q from"react-day-picker/DayPickerInput";var ee="tliWyii";const te=({className:t,theme:a,hideText:i})=>{const{t:o}=p();return e.createElement("div",{className:`${ee} ${t}`},e.createElement(d.Spinner,{isMarryBaby:"marryBaby"===a}),!i&&o("loading"))},ae=t((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},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"}))))),ie=t((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:i})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":i,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},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"})))),oe=t((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:i})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":i,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},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"}))));var re=m(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const ne=v.a`
+import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle as r,useMemo as n,forwardRef as l,createContext as s}from"react";import{I as d,T as c}from"./index-60f16dee.js";import{u as p}from"./useTranslations-d963b37f.js";import"lodash/debounce";import"./isProduction-2e0a8f23.js";import"./index-2be76d22.js";import"./useCategory-00053487.js";import{createStyles as m,Stack as g,Group as h,getStylesRef as u,useMantineTheme as b,Flex as x,rem as f,Box as y}from"@mantine/core";import v from"dayjs";import{M as w}from"./screenSizeContext-18a2ae59.js";import k,{keyframes as E,css as $}from"styled-components";import{t as D}from"./theme-2bdea2f5.js";import{G as C,L as z}from"./Subot-2c9e4c09.js";import{CommonGAssets as B}from"./gAssets.js";import{L as P}from"./index-12a2d8bc.js";import{B as N}from"./index-9991cfb3.js";import{H as j,T as S,L as I,a2 as T,P as M,t as A}from"./index.styles-671382bc.js";import{I as O}from"./index-162b9bde.js";import{_}from"./tslib.es6-70854b37.js";import{R as L,B as U}from"./index-a2e81576.js";import"@mantine/dates";import"./translationsContext-63b5cfff.js";import"string-format";import"@mantine/hooks";import{yupResolver as F}from"@hookform/resolvers/yup";import{useForm as H,Controller as R}from"react-hook-form";import{B as G,D as W}from"./index-5fdbf5bc.js";import{L as V}from"./constants-6cfaa1ef.js";import{D as q}from"./index.styled-17af4657.js";import{format as Y,addDays as Z}from"date-fns";import"@linaria/react";import"./utils-892d8a65.js";import{S as X}from"./index-778d5fb2.js";import{M as J}from"./index-03141739.js";import"./index-2d5104c5.js";import{D as K}from"./types-4c039872.js";import Q from"react-day-picker/DayPickerInput";var ee="tliWyii";const te=({className:t,theme:a,hideText:i})=>{const{t:o}=p();return e.createElement("div",{className:`${ee} ${t}`},e.createElement(d.Spinner,{isMarryBaby:"marryBaby"===a}),!i&&o("loading"))},ae=t((()=>e.createElement("div",{className:"shoppable"},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},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"}))))),ie=t((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:i})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":i,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},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"})))),oe=t((({dataEventCategoryForBookmark:t,dataEventActionForBookmark:a,dataEventLabelForBookmark:i})=>e.createElement("svg",{"data-event-category":t,"data-event-action":a,"data-event-label":i,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},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"}))));var re=m(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const ne=k.a`
   display: flex;
   height: 125px;
 
@@ -7,9 +7,9 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   align-items: center;
   padding: 8px;
 
-  border: 1px solid ${e=>e.theme.colors.neutral100};
+  border: 1px solid ${D.colors.neutral100};
   background-color: white;
-  border-radius: ${e=>e.theme.borderRadius};
+  border-radius: ${D.borderRadius};
   box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);
   cursor: pointer;
   text-decoration: none;
@@ -32,7 +32,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   * {
     pointer-events: none;
   }
-`,le=v.div`
+`,le=k.div`
   display: flex;
 
   &[data-type='vertical'] {
@@ -56,7 +56,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       }
     }
   }
-`,se={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},de=v.div`
+`,se={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},de=k.div`
   .pickerContainer {
     position: relative;
     padding-top: 0;
@@ -97,7 +97,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   .pickerOverlay {
     margin-top: 6px;
     background: white;
-    border-radius: ${e=>e.theme.borderRadius};
+    border-radius: ${D.borderRadius};
     box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);
   }
 
@@ -119,7 +119,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
 
     .svg {
       cursor: pointer;
-      stroke: ${e=>e.theme.colors.gray800};
+      stroke: ${D.colors.gray800};
     }
     .react-datepicker__day {
       width: 40px;
@@ -135,7 +135,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     }
 
     .react-datepicker__day {
-      font-weight: ${e=>e.theme.sizes.fwBold};
+      font-weight: ${D.sizes.fwBold};
     }
 
     .react-datepicker__day--selected,
@@ -146,7 +146,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       height: 30px;
       margin: 4px;
       margin-bottom: -2px;
-      background: ${e=>e.theme.colors.primaryBase};
+      background: ${D.colors.primaryBase};
       border-radius: 50%;
     }
 
@@ -163,12 +163,12 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
         stroke: #262626;
       }
       select {
-        background: ${e=>e.theme.colors.neutral100};
+        background: ${D.colors.neutral100};
         text-align: center;
         &:not(:last-child) {
           padding: 8px 10px;
           margin-right: 15px;
-          border-radius: ${e=>e.theme.borderRadius};
+          border-radius: ${D.borderRadius};
         }
       }
     }
@@ -377,9 +377,9 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     ) {
     position: relative;
 
-    background-color: ${e=>e.theme.colors.primaryBase};
+    background-color: ${D.colors.primaryBase};
     color: #f0f8ff;
-    font-weight: ${e=>e.theme.sizes.fwBold};
+    font-weight: ${D.sizes.fwBold};
   }
 
   .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
@@ -413,7 +413,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     background: white;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
   }
-`,ce=v.form`
+`,ce=k.form`
   display: flex;
   width: 100%;
 
@@ -427,15 +427,15 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   & * {
     height: 46px;
     padding: 10px 10px;
-    background: ${e=>e.theme.colors.neutral100};
-    border-radius: ${e=>e.theme.borderRadius};
+    background: ${D.colors.neutral100};
+    border-radius: ${D.borderRadius};
   }
-`,pe=({alignRight:t=!0,placeholder:r,displayDateFormat:n,onChange:l,customInput:s,pickedDate:d,className:c,isStatic:p,disabledDays:m,modifiers:h,UnHideOnClickOutside:g,initialMonth:u,locale:b="en-PH"})=>{const x=a(!1),y=Y,[f,v]=i(u||new Date),w=a(null),k=a(null),E=se[b],$=e=>{g||w.current&&w.current.contains(e.target)||k.current&&k.current.hideDayPicker()},D=(new Date).getFullYear(),C=new Date(D-150,0),z=new Date(D+1,0),B=({date:t,onChange:a,monthLabels:i})=>{const o=[];for(let e=z.getFullYear();e>=C.getFullYear();e-=1)o.push(e);const r=function(e){const{year:t,month:i}=e.target.form;a(new Date(t.value,i.value))};return e.createElement("div",{className:"DayPicker-Caption"},e.createElement(ce,null,e.createElement("select",{name:"month",onChange:r,value:t.getMonth()},i.map(((t,a)=>e.createElement("option",{key:t,value:a},t)))),e.createElement("select",{name:"year",onChange:r,value:t.getFullYear()},o.map((t=>e.createElement("option",{key:t,value:t},t))))))};return o((()=>(document.addEventListener("mousedown",$,{passive:!0}),()=>{document.removeEventListener("mousedown",$,!1)})),[]),e.createElement(de,{className:c,"data-align-right":t,ref:w,"data-is-static":p||void 0},e.createElement(Q,{ref:k,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:s&&e.forwardRef(((t,a)=>e.createElement(s,Object.assign({},t)))),onDayPickerHide:()=>{x.current=!1},onDayPickerShow:()=>{x.current=!0},dayPickerProps:{month:f,className:"picker",selectedDays:d,canChangeMonth:!0,enableOutsideDaysClick:!p,firstDayOfWeek:1,captionElement:({date:t,localeUtils:a})=>{const i=null==a?void 0:a.getMonths();return e.createElement(B,{date:t,monthLabels:E||i,onChange:v})},disabledDays:m||void 0,modifiers:h},format:n||"yyyy-MM-dd",formatDate:(e,t)=>y(e,t),hideOnDayClick:!p,placeholder:r||"",onDayChange:e=>{var t;t=e,k.current&&!p&&k.current.hideDayPicker(),l&&l(t)},showOverlay:p}))},me=v.div`
+`,pe=({alignRight:t=!0,placeholder:r,displayDateFormat:n,onChange:l,customInput:s,pickedDate:d,className:c,isStatic:p,disabledDays:m,modifiers:g,UnHideOnClickOutside:h,initialMonth:u,locale:b="en-PH"})=>{const x=a(!1),f=Y,[y,v]=i(u||new Date),w=a(null),k=a(null),E=se[b],$=e=>{h||w.current&&w.current.contains(e.target)||k.current&&k.current.hideDayPicker()},D=(new Date).getFullYear(),C=new Date(D-150,0),z=new Date(D+1,0),B=({date:t,onChange:a,monthLabels:i})=>{const o=[];for(let e=z.getFullYear();e>=C.getFullYear();e-=1)o.push(e);const r=function(e){const{year:t,month:i}=e.target.form;a(new Date(t.value,i.value))};return e.createElement("div",{className:"DayPicker-Caption"},e.createElement(ce,null,e.createElement("select",{name:"month",onChange:r,value:t.getMonth()},i.map(((t,a)=>e.createElement("option",{key:t,value:a},t)))),e.createElement("select",{name:"year",onChange:r,value:t.getFullYear()},o.map((t=>e.createElement("option",{key:t,value:t},t))))))};return o((()=>(document.addEventListener("mousedown",$,{passive:!0}),()=>{document.removeEventListener("mousedown",$,!1)})),[]),e.createElement(de,{className:c,"data-align-right":t,ref:w,"data-is-static":p||void 0},e.createElement(Q,{ref:k,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:s&&e.forwardRef(((t,a)=>e.createElement(s,Object.assign({},t)))),onDayPickerHide:()=>{x.current=!1},onDayPickerShow:()=>{x.current=!0},dayPickerProps:{month:y,className:"picker",selectedDays:d,canChangeMonth:!0,enableOutsideDaysClick:!p,firstDayOfWeek:1,captionElement:({date:t,localeUtils:a})=>{const i=null==a?void 0:a.getMonths();return e.createElement(B,{date:t,monthLabels:E||i,onChange:v})},disabledDays:m||void 0,modifiers:g},format:n||"yyyy-MM-dd",formatDate:(e,t)=>f(e,t),hideOnDayClick:!p,placeholder:r||"",onDayChange:e=>{var t;t=e,k.current&&!p&&k.current.hideDayPicker(),l&&l(t)},showOverlay:p}))},me=k.div`
   display: flex;
   align-items: center;
-  --font-weight-lg: ${e=>e.theme.sizes.fwBold};
-  --font-weight-md: ${e=>e.theme.sizes.fwRegular};
-  --font-weight-sm: ${e=>e.theme.sizes.fwRegular};
+  --font-weight-lg: ${D.sizes.fwBold};
+  --font-weight-md: ${D.sizes.fwRegular};
+  --font-weight-sm: ${D.sizes.fwRegular};
 
   &[data-icon-position='left'] {
     & > *:first-child {
@@ -455,7 +455,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     }
   }
 
-  ${E.mbDown} {
+  ${w.mbDown} {
     &[data-size='lg'] {
       font-size: 16px;
       line-height: 24px;
@@ -472,7 +472,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       font-weight: var(----font-weight-sm);
     }
   }
-`,he=v.div`
+`,ge=k.div`
   position: relative;
   width: 100%;
 
@@ -483,13 +483,13 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       outline: none;
     }
   }
-`,ge=v.div`
+`,he=k.div`
   position: absolute;
   top: 19px;
   width: 24px;
   height: 24px;
-  color: ${e=>e.theme.colors.white};
-  border: 2px solid ${e=>e.theme.colors.white};
+  color: ${D.colors.white};
+  border: 2px solid ${D.colors.white};
   border-radius: 50%;
   transform: translateY(-50%) translateX(-50%);
   display: flex;
@@ -497,16 +497,16 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   justify-content: center;
   cursor: pointer;
 
-  background-color: ${e=>e.theme.colors.white};
-  color: ${e=>e.theme.colors.gray300};
-  border: 1px solid ${e=>e.theme.colors.gray300};
+  background-color: ${D.colors.white};
+  color: ${D.colors.gray300};
+  border: 1px solid ${D.colors.gray300};
 
   &[data-is-active='true'] {
-    background-color: ${e=>e.theme.colors.primaryBase};
-    color: ${e=>e.theme.colors.white};
+    background-color: ${D.colors.primaryBase};
+    color: ${D.colors.white};
     border: none;
   }
-`,ue=v.div`
+`,ue=k.div`
   display: flex;
   width: 100%;
   height: 36px;
@@ -516,41 +516,41 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   }
 
   &[data-track-type='detail'][data-step-passed='true'] > div {
-    border: 1px solid ${e=>e.theme.colors.primaryBase};
+    border: 1px solid ${D.colors.primaryBase};
     height: 0px;
   }
 
   &[data-track-type='detail'] > div {
-    border: 1px solid ${e=>e.theme.colors.gray200};
+    border: 1px solid ${D.colors.gray200};
     height: 0px;
   }
-`,be=v.div`
+`,be=k.div`
   width: 100%;
   height: 5px;
   align-self: center;
   border-radius: 4px;
-  background-color: ${e=>e.theme.colors.gray200};
-`,xe=v.div`
+  background-color: ${D.colors.gray200};
+`,xe=k.div`
   position: absolute;
   top: 32px;
   min-width: 100px;
   text-align: center;
-  color: ${e=>e.theme.colors.gray500};
-  font-size: ${e=>e.theme.sizes.fsCaption2};
-  font-weight: ${e=>e.theme.sizes.fwBold};
+  color: ${D.colors.gray500};
+  font-size: ${D.sizes.fsCaption2};
+  font-weight: ${D.sizes.fwBold};
 
   &[data-step-passed='true'] {
-    color: ${e=>e.theme.colors.gray800};
+    color: ${D.colors.gray800};
   }
-`,ye=v.div`
+`,fe=k.div`
   display: flex;
   align-items: center;
-`,fe=v.div`
+`,ye=k.div`
   display: flex;
   align-items: center;
-  font-size: ${e=>e.theme.sizes.fsCaption2};
-  font-weight: ${e=>e.theme.sizes.fwBold};
-  color: ${e=>e.theme.colors.gray500};
+  font-size: ${D.sizes.fsCaption2};
+  font-weight: ${D.sizes.fwBold};
+  color: ${D.colors.gray500};
   cursor: pointer;
 
   & > svg {
@@ -560,13 +560,13 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   }
 
   & > svg > path {
-    stroke: ${e=>e.theme.colors.gray500};
+    stroke: ${D.colors.gray500};
   }
 
   &[data-selected='true'] {
-    color: ${e=>e.theme.colors.primaryBase};
+    color: ${D.colors.primaryBase};
   }
-`,ve=v.div`
+`,ve=k.div`
   position: absolute;
   left: 0;
   top: 19px;
@@ -578,11 +578,11 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   align-items: center;
 
   padding: 8px;
-  background-color: ${e=>e.theme.colors.white};
-`,we=v.div`
+  background-color: ${D.colors.white};
+`,we=k.div`
   min-width: 24px;
   height: 24px;
-  border: 2px solid ${e=>e.theme.colors.white};
+  border: 2px solid ${D.colors.white};
   border-radius: 50%;
   margin-right: 8px;
   display: flex;
@@ -590,16 +590,16 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   justify-content: center;
   cursor: pointer;
 
-  background-color: ${e=>e.theme.colors.white};
-  color: ${e=>e.theme.colors.gray300};
-  border: 1px solid ${e=>e.theme.colors.gray300};
+  background-color: ${D.colors.white};
+  color: ${D.colors.gray300};
+  border: 1px solid ${D.colors.gray300};
 
   &[data-is-active='true'] {
     border: none;
-    background-color: ${e=>e.theme.colors.primaryBase};
-    color: ${e=>e.theme.colors.white};
+    background-color: ${D.colors.primaryBase};
+    color: ${D.colors.white};
   }
-`,ke=v.div`
+`,ke=k.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -610,39 +610,39 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     margin-right: 8px;
 
     & > path {
-      stroke: ${e=>e.theme.colors.gray500};
+      stroke: ${D.colors.gray500};
     }
   }
-`,Ee=v.div`
-  color: ${e=>e.theme.colors.gray400};
-  font-size: ${e=>e.theme.sizes.fsCaption2};
-  font-weight: ${e=>e.theme.sizes.fwBold};
+`,Ee=k.div`
+  color: ${D.colors.gray400};
+  font-size: ${D.sizes.fsCaption2};
+  font-weight: ${D.sizes.fwBold};
   margin-right: 8px;
   flex: 0 0 auto;
 
   &[data-step-passed='true'] {
-    color: ${e=>e.theme.colors.gray800};
+    color: ${D.colors.gray800};
   }
-`,$e=v.div`
+`,$e=k.div`
   position: absolute;
   top: 32px;
-  font-weight: ${e=>e.theme.sizes.fwRegular};
-  color: ${e=>e.theme.colors.gray400};
+  font-weight: ${D.sizes.fwRegular};
+  color: ${D.colors.gray400};
   padding-right: 16px;
-`,De=e.forwardRef((({id:t,value:a,options:o,className:n,isDisabled:l,size:s="small",direction:d="vertical",onChange:c,dataEventCategory:p,dataEventAction:m,dataEventLabel:u},b)=>{const[x,y]=i(a);r(b,(()=>({reset(){y(a)}})));const f="small"===s?"md":"lg",v="vertical"===d?h:g;return e.createElement(L.Group,{name:t,className:n,size:f,value:String(x),defaultValue:a,onChange:e=>{y(e),null==c||c(e)}},e.createElement(v,{spacing:"xl"},o.map((t=>e.createElement(L,{key:t.value,value:t.value,label:t.label,disabled:l,"data-event-category":p,"data-event-action":m,"data-event-label":u})))))})),Ce=v.div`
+`,De=e.forwardRef((({id:t,value:a,options:o,className:n,isDisabled:l,size:s="small",direction:d="vertical",onChange:c,dataEventCategory:p,dataEventAction:m,dataEventLabel:u},b)=>{const[x,f]=i(a);r(b,(()=>({reset(){f(a)}})));const y="small"===s?"md":"lg",v="vertical"===d?g:h;return e.createElement(L.Group,{name:t,className:n,size:y,value:String(x),defaultValue:a,onChange:e=>{f(e),null==c||c(e)}},e.createElement(v,{spacing:"xl"},o.map((t=>e.createElement(L,{key:t.value,value:t.value,label:t.label,disabled:l,"data-event-category":p,"data-event-action":m,"data-event-label":u})))))})),Ce=k.div`
   --menu-width: 240px;
   --menu-spacing: 28px 16px;
   width: var(--menu-width);
   height: 100vh;
   padding: var(--menu-spacing);
-  background-color: ${e=>e.theme.colors.neutral50};
+  background-color: ${D.colors.neutral50};
   transition: ease-in-out 0.5s;
 
   &[data-is-collapsed] {
     --menu-width: 64px;
     --menu-spacing: 28px 8px;
   }
-`,ze=({isCollapsed:t,className:a,style:i,children:o})=>e.createElement(Ce,{style:i,className:a,"data-is-collapsed":t||void 0},o),Be=v.div`
+`,ze=({isCollapsed:t,className:a,style:i,children:o})=>e.createElement(Ce,{style:i,className:a,"data-is-collapsed":t||void 0},o),Be=k.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
@@ -650,12 +650,12 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   svg {
     transition: 0.4s ease-in-out;
   }
-`,Pe=v.div`
+`,Pe=k.div`
   cursor: pointer;
   &[data-is-collapsed] {
     transform: rotate(180deg);
   }
-`,Ne=({isCollapsed:t,defaultLogo:a,onBackClick:i,customIcon:o})=>e.createElement(Be,null,e.createElement($,{type:t?"logomark":a||"hellocare",customSize:{width:t?"24px":"77px",height:"24px"}}),e.createElement(Pe,{"data-is-collapsed":t||void 0,onClick:i},o||e.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 20 20",width:"20px",height:"20px"},e.createElement("path",{d:"M10 .75A9.25 9.25 0 1019.25 10 9.25 9.25 0 0010 .75z",fill:"none",stroke:"#d2d6dc",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),e.createElement("path",{d:"M11.44 6.53L8 10l3.48 3.47",fill:"none",stroke:"#737373",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})))),je=v.figure`
+`,Ne=({isCollapsed:t,defaultLogo:a,onBackClick:i,customIcon:o})=>e.createElement(Be,null,e.createElement(P,{type:t?"logomark":a||"hellocare",customSize:{width:t?"24px":"77px",height:"24px"}}),e.createElement(Pe,{"data-is-collapsed":t||void 0,onClick:i},o||e.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 20 20",width:"20px",height:"20px"},e.createElement("path",{d:"M10 .75A9.25 9.25 0 1019.25 10 9.25 9.25 0 0010 .75z",fill:"none",stroke:"#d2d6dc",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),e.createElement("path",{d:"M11.44 6.53L8 10l3.48 3.47",fill:"none",stroke:"#737373",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})))),je=k.figure`
   display: flex;
 
   > img,
@@ -673,7 +673,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       margin-top: 2px;
     }
   }
-`,Se=({name:t,description:a,image:i,isDescriptionHidden:o})=>e.createElement(je,null,i,!o&&e.createElement("figcaption",null,e.createElement(c,{size:"p4",weight:"bold"},t),e.createElement(c,{size:"p4"},a))),Ie=v.div`
+`,Se=({name:t,description:a,image:i,isDescriptionHidden:o})=>e.createElement(je,null,i,!o&&e.createElement("figcaption",null,e.createElement(c,{size:"p4",weight:"bold"},t),e.createElement(c,{size:"p4"},a))),Ie=k.div`
   display: flex;
   align-items: center;
   margin-top: 24px;
@@ -689,7 +689,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       max-height: 2rem;
     }
   }
-`,Te=({isCollapsed:t,userName:a,role:i,avatar:o})=>e.createElement(Ie,{"data-is-collapsed":t||void 0},e.createElement(Se,{image:o,name:a,description:i,isDescriptionHidden:t})),Me=v.div`
+`,Te=({isCollapsed:t,userName:a,role:i,avatar:o})=>e.createElement(Ie,{"data-is-collapsed":t||void 0},e.createElement(Se,{image:o,name:a,description:i,isDescriptionHidden:t})),Me=k.div`
   display: flex;
   align-items: center;
   padding: 9px 21px;
@@ -705,7 +705,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   }
 
   &[data-is-link-active] {
-    background: ${e=>e.theme.colors.primaryBase};
+    background: ${D.colors.primaryBase};
   }
 
   &[data-is-link-collapsed] {
@@ -713,7 +713,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     margin-right: -14px;
     margin-left: -14px;
   }
-`,Ae=({icon:t,isActive:a,children:i,isCollapsed:o,activeIcon:r,onLinkClick:n,textSize:l="base",textType:s="bold",textColorActive:d="#fff",textColor:p="#595959"})=>e.createElement(Me,{"data-is-link-active":a||void 0,onClick:n,"data-is-link-collapsed":o||void 0},a&&r?r:t,!o&&e.createElement(c,{size:l,weight:s,color:a?d:p},i)),Oe=v.div`
+`,Ae=({icon:t,isActive:a,children:i,isCollapsed:o,activeIcon:r,onLinkClick:n,textSize:l="base",textType:s="bold",textColorActive:d="#fff",textColor:p="#595959"})=>e.createElement(Me,{"data-is-link-active":a||void 0,onClick:n,"data-is-link-collapsed":o||void 0},a&&r?r:t,!o&&e.createElement(c,{size:l,weight:s,color:a?d:p},i)),Oe=k.div`
   position: relative;
   width: 100%;
   > .container {
@@ -768,7 +768,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
           .line {
             width: 50%;
             height: 2px;
-            background-color: ${e=>e.theme.colors.gray600};
+            background-color: ${D.colors.gray600};
           }
         }
       }
@@ -777,7 +777,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
 
   .bullet-nav {
     position: absolute;
-    z-index: ${e=>e.theme.zIndexes.belowHeader};
+    z-index: ${D.zIndexes.belowHeader};
     bottom: -30px;
     left: 50%;
     display: flex;
@@ -797,10 +797,10 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     transition: all 0.3s;
     &.active {
       &[data-scheme='hellosites'] {
-        background-color: ${e=>e.theme.colors.primary600};
+        background-color: ${D.colors.primary600};
       }
       &[data-scheme='marrybaby'] {
-        background-color: ${e=>e.theme.mbColors.pink};
+        background-color: ${D.mbColors.pink};
       }
     }
   }
@@ -840,7 +840,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       border-radius: 4px;
     }
     .image-block.active {
-      border-color: ${e=>e.theme.colors.primaryBase};
+      border-color: ${D.colors.primaryBase};
     }
     img {
       height: 40px;
@@ -848,28 +848,28 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       max-width: 100%;
     }
   }
-`,_e=v.div`
-  border-radius: ${e=>e.theme.borderRadius};
+`,_e=k.div`
+  border-radius: ${D.borderRadius};
   ${e=>e["data-is-in-card"]&&`\n  padding: 12px; \n  background-color: ${e["data-card-color"]};`}
-`,Le=v.div`
+`,Le=k.div`
   width: 13px;
   height: 13px;
   margin-right: 10px;
   background-color: ${e=>e["data-color"]};
   border-radius: 50%;
-`,Ue=v.div`
+`,Ue=k.div`
   display: flex;
   align-items: center;
-  color: ${e=>e.theme.colors.gray800};
-  font-size: ${e=>e.theme.sizes.fsParagraph4};
-  font-weight: ${e=>e.theme.sizes.fwRegular};
-`,Fe=v.div`
+  color: ${D.colors.gray800};
+  font-size: ${D.sizes.fsParagraph4};
+  font-weight: ${D.sizes.fwRegular};
+`,Fe=k.div`
   display: flex;
   align-items: center;
   margin-top: 4px;
-  color: ${e=>e.theme.colors.gray800};
-  font-size: ${e=>e.theme.sizes.fsHeading2};
-  font-weight: ${e=>e.theme.sizes.fwSemiBold};
+  color: ${D.colors.gray800};
+  font-size: ${D.sizes.fsHeading2};
+  font-weight: ${D.sizes.fwSemiBold};
 
   & > svg {
     width: 24px;
@@ -879,15 +879,13 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
 
   &[data-size='small'] {
     margin-left: 23px;
-    font-size: ${e=>e.theme.sizes.fsParagraph4};
-    font-weight: ${e=>e.theme.sizes.fwBold};
+    font-size: ${D.sizes.fsParagraph4};
+    font-weight: ${D.sizes.fwBold};
   }
-`,He=v.table`
-  --horizontal-spacing: ${e=>e.theme.horizontalPadding||"19px"};
-  --vertical-spacing: ${e=>e.theme.verticalPadding||"26px"};
+`,He=k.table`
   width: 100%;
   position: relative;
-`,Re=({children:t,className:a,style:i,horizontalPadding:o,verticalPadding:r})=>e.createElement(He,{className:a,style:i,theme:{horizontalPadding:o,verticalPadding:r}},t),Ge=v.td`
+`,Re=({children:t,className:a,style:i,horizontalPadding:o,verticalPadding:r})=>e.createElement(He,{className:a,style:Object.assign({"--horizontal-spacing":o||"19px","--vertical-spacing":r||"26px"},i)},t),Ge=k.td`
   padding: var(--vertical-spacing) var(--horizontal-spacing);
   vertical-align: middle;
 
@@ -900,53 +898,52 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   &[data-text-align='center'] {
     text-align: center;
   }
-`,We=({children:t,className:a,style:i,textAlign:o,isTableHead:r})=>e.createElement(Ge,{className:a,style:i,"data-text-align":o||"left",as:r?"th":"td"},t),Ve=v.tr`
-  border-bottom: 1px solid ${e=>e.theme.colors.gray100};
+`,We=({children:t,className:a,style:i,textAlign:o,isTableHead:r})=>e.createElement(Ge,{className:a,style:i,"data-text-align":o||"left",as:r?"th":"td"},t),Ve=k.tr`
+  border-bottom: 1px solid ${D.colors.gray100};
 
   &[data-is-active='true'] {
-    background-color: ${e=>e.theme.colors.gray200};
+    background-color: ${D.colors.gray200};
   }
-`,qe=({children:t,className:a,style:i,isActive:o,onRowClicked:r,rowId:n})=>e.createElement(Ve,{className:a,"data-is-active":o,style:i,onClick:()=>{r&&r(n)}},t),Ye=v.thead`
+`,qe=({children:t,className:a,style:i,isActive:o,onRowClicked:r,rowId:n})=>e.createElement(Ve,{className:a,"data-is-active":o,style:i,onClick:()=>{r&&r(n)}},t),Ye=k.thead`
   th {
     padding: var(--vertical-spacing) var(--horizontal-spacing);
     text-align: left;
 
-    color: ${e=>e.theme.colors.gray500};
-    font-weight: ${e=>e.theme.sizes.fwBold};
+    color: ${D.colors.gray500};
+    font-weight: ${D.sizes.fwBold};
   }
   &[data-is-sticky] {
     th {
       position: sticky;
       top: 0;
       background: white;
-      border-bottom: 2px solid
-        ${e=>e.theme.colors.gray200};
+      border-bottom: 2px solid ${D.colors.gray200};
     }
   }
-`,Ze=({isSticky:t,children:a,className:i,style:o})=>e.createElement(Ye,{className:i,"data-is-sticky":t||void 0,style:o},e.createElement(qe,null,a)),Xe=v.tbody`
+`,Ze=({isSticky:t,children:a,className:i,style:o})=>e.createElement(Ye,{className:i,"data-is-sticky":t||void 0,style:o},e.createElement(qe,null,a)),Xe=k.tbody`
   position: relative;
   &[data-is-striped] {
     > tr:nth-child(odd) {
-      background-color: ${e=>e.theme.colors.neutral50};
+      background-color: ${D.colors.neutral50};
     }
   }
   &[data-is-hoverable] {
     > tr:hover {
-      background-color: ${e=>e.theme.colors.neutral100};
+      background-color: ${D.colors.neutral100};
     }
   }
-`,Je=({children:t,className:a,style:i,isHoverable:o,isStriped:r})=>e.createElement(Xe,{className:a,style:i,"data-is-striped":r||void 0,"data-is-hoverable":o||void 0},t);var Ke=m((e=>{const t=u("itemLabel");return{root:{display:"inline-flex",maxWidth:"100%",borderBottom:`1px solid ${e.colors.neutral[1]}`,"-webkit-overflow-scrolling":"touch",overflowX:"auto",overflowY:"hidden","-ms-overflow-style":"none","scrollbar-width":"none","&::-webkit-scrollbar":{display:"none"},columnGap:e.spacing.lg},item:{display:"flex",alignItems:"center",paddingBottom:"4px","&:hover":{cursor:"pointer"},"&.active":{color:e.fn.primaryColor(),borderBottom:`3px solid ${e.fn.primaryColor()}`,bottom:"-1px",position:"relative",[`& .${t}`]:{}},"&[data-event-category] > *":{pointerEvents:"none"}},itemInner:{display:"flex",alignItems:"center"},label:{ref:t},icon:{marginRight:e.spacing.xs}}}));const Qe=v.div`
+`,Je=({children:t,className:a,style:i,isHoverable:o,isStriped:r})=>e.createElement(Xe,{className:a,style:i,"data-is-striped":r||void 0,"data-is-hoverable":o||void 0},t);var Ke=m((e=>{const t=u("itemLabel");return{root:{display:"inline-flex",maxWidth:"100%",borderBottom:`1px solid ${e.colors.neutral[1]}`,"-webkit-overflow-scrolling":"touch",overflowX:"auto",overflowY:"hidden","-ms-overflow-style":"none","scrollbar-width":"none","&::-webkit-scrollbar":{display:"none"},columnGap:e.spacing.lg},item:{display:"flex",alignItems:"center",paddingBottom:"4px","&:hover":{cursor:"pointer"},"&.active":{color:e.fn.primaryColor(),borderBottom:`3px solid ${e.fn.primaryColor()}`,bottom:"-1px",position:"relative",[`& .${t}`]:{}},"&[data-event-category] > *":{pointerEvents:"none"}},itemInner:{display:"flex",alignItems:"center"},label:{ref:t},icon:{marginRight:e.spacing.xs}}}));const Qe=k.div`
   padding: 1rem;
-  background: ${e=>e.theme.colors.neutral100};
+  background: ${D.colors.neutral100};
   .survey-inner-wrapper {
     padding: 1.25rem 1rem 1.5rem;
-    background: ${e=>e.theme.colors.white};
-    border-radius: ${e=>e.theme.borderRadius};
+    background: ${D.colors.white};
+    border-radius: ${D.borderRadius};
     .survey-header {
       border-bottom: 1px solid #dbdfe5;
       margin-bottom: 12px;
       .survey-header-text {
-        color: ${e=>e.theme.colors.gray500};
+        color: ${D.colors.gray500};
       }
     }
 
@@ -1012,7 +1009,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       }
     }
   }
-`,et=v.div`
+`,et=k.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -1023,7 +1020,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     width: 20px;
     height: 20px;
     flex-shrink: 0;
-    border: solid 1px ${e=>e.theme.colors.gray500};
+    border: solid 1px ${D.colors.gray500};
     margin-right: 8px;
     border-radius: 100%;
     cursor: inherit;
@@ -1031,16 +1028,15 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
 
     &:hover,
     &:active {
-      border-color: ${e=>e.theme.colors.primaryBase};
-      box-shadow: 0 0 2px 2px
-        ${e=>e.theme.colors.primary600};
+      border-color: ${D.colors.primaryBase};
+      box-shadow: 0 0 2px 2px ${D.colors.primary600};
     }
 
     &:checked {
       display: flex;
       align-items: center;
       justify-content: center;
-      border-color: ${e=>e.theme.colors.primaryBase};
+      border-color: ${D.colors.primaryBase};
       &:after {
         position: absolute;
         top: 50%;
@@ -1050,7 +1046,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
         //left: 3px;
         //position: absolute;
         //top: 4px;
-        background-color: ${e=>e.theme.colors.primaryBase};
+        background-color: ${D.colors.primaryBase};
         border-radius: 50%;
         content: '';
         transform: translate(-50%, -50%);
@@ -1061,17 +1057,17 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   label {
     width: calc(100% - 24px);
     cursor: inherit;
-    font-weight: ${e=>e.theme.sizes.fwRegular};
+    font-weight: ${D.sizes.fwRegular};
   }
 
   &[data-disabled='true'] {
-    color: ${e=>e.theme.colors.gray300};
+    color: ${D.colors.gray300};
     cursor: not-allowed;
     input {
-      border-color: ${e=>e.theme.colors.gray300};
+      border-color: ${D.colors.gray300};
 
       &:hover {
-        border-color: ${e=>e.theme.colors.gray300};
+        border-color: ${D.colors.gray300};
         box-shadow: none;
       }
     }
@@ -1080,7 +1076,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   padding: 16px 20px;
   border: 0.5px solid transparent;
   background: #fafafa;
-  border-radius: ${e=>e.theme.borderRadius};
+  border-radius: ${D.borderRadius};
   &[data-checked='true'] {
     border: 0.5px solid #2d87f3;
     background: #f7f9fc;
@@ -1092,7 +1088,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     &[type='checkbox'] {
       &:checked {
         border: 0;
-        background: ${e=>e.theme.colors.primaryBase}
+        background: ${D.colors.primaryBase}
           url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' fill='%232D87F3' stroke='%232D87F3' stroke-width='2'/%3E%3Cpath d='M15.5714 8L9.67857 14L7 11.2727' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
           no-repeat center center;
         &:after {
@@ -1121,12 +1117,12 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
         left: 0;
         width: 100%;
         height: 100%;
-        border-radius: ${e=>e.theme.borderRadius};
+        border-radius: ${D.borderRadius};
         object-fit: cover;
       }
     }
   }
-`,tt=v.div`
+`,tt=k.div`
   position: relative;
   width: 100%;
   padding-top: min(400px, 100%);
@@ -1156,7 +1152,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       }
     }
   }
-`,at=v.div`
+`,at=k.div`
   .survey-question-text-wrapper {
     margin-bottom: 24px;
     .survey-question-title {
@@ -1164,13 +1160,13 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     }
     .survey-question-subtitle,
     .survey-question-description {
-      color: ${e=>e.theme.colors.gray500};
+      color: ${D.colors.gray500};
     }
   }
   .survey-question-image {
     width: 100%;
     margin-bottom: 12px;
-    border-radius: ${e=>e.theme.borderRadius};
+    border-radius: ${D.borderRadius};
   }
 
   .survey-question-answer-wrapper {
@@ -1206,22 +1202,24 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       }
     }
   }
-`,it=({size:t="small",label:a,name:i,checked:o,value:r,className:n,isDisabled:l=!1,onChange:s,hasImage:d,inputType:c,image:p})=>e.createElement(et,{"data-disabled":l,className:n,"data-size":t,"data-checked":o,onClick:()=>{s(r)},"data-has-image":d},d&&e.createElement("div",{className:"choice-image-wrapper"},p&&e.createElement("img",{src:p,loading:"lazy"})),e.createElement("label",{onClick:e=>{e.preventDefault()},htmlFor:`${i}-${r}`},a),e.createElement("input",{type:c,checked:o,name:i,id:`${i}-${r}`,value:r,readOnly:!0})),ot=({question:t,description:a,onOptionsChange:r,onTextOptionsChange:n,style:l,className:s})=>{const{type:d,title:p,subtitle:m,image:h,textOptions:g,options:u,name:b,is_multi_select:x}=t,y=!!(null==u?void 0:u.some((e=>e.image))),[f,v]=i([]),[w,k]=i((()=>(null==g?void 0:g.slice())||[]));return o((()=>{r&&r(f.slice())}),[!!r,f]),o((()=>{n&&n(w)}),[!!n,w]),e.createElement(at,{className:s,style:l},e.createElement("div",{className:"survey-question-text-wrapper"},p&&e.createElement(C,{"data-nosubtitle":!m,className:"survey-question-title",tag:"h4"},p),m&&e.createElement(c,{className:"survey-question-subtitle",size:"p2"},m),a&&e.createElement(c,{className:"survey-question-description",size:"p2"},a)),h&&e.createElement("img",{src:h,className:"survey-question-image",loading:"lazy"}),e.createElement("div",{className:"survey-question-answer-wrapper"},"radio"===d&&e.createElement("div",{"data-has-image":y,className:"survey-question-options-wrapper"},u.map((t=>{var a;return e.createElement(it,{inputType:"radio",label:t.label,name:b,key:`${b}-${t.value}`,checked:(null===(a=f[0])||void 0===a?void 0:a.value)===t.value,value:t.value,onChange:e=>{v([u.find((t=>t.value===e))])},className:"survey-question-option-item",image:t.image,hasImage:y})}))),"checkbox"===d&&e.createElement("div",{"data-has-image":y,className:"survey-question-options-wrapper"},u.map((t=>e.createElement(it,{inputType:"checkbox",label:t.label,name:b,key:`${b}-${t.value}`,checked:!!f.find((e=>e.value===t.value)),value:t.value,onChange:()=>{const e=f.findIndex((e=>e.value===t.value));v(e>=0?t=>(t.splice(e,1),t.slice()):x?e=>e.concat(t).slice():[t])},className:"survey-question-option-item survey-option-radio",image:t.image,hasImage:y})))),"textbox"===d&&w.map(((t,a)=>t.isTextArea?e.createElement(z,{key:a,placeholder:t.placeholder,height:"150px",value:t.value,onChange:e=>k((t=>(t[a].value=e,t.slice())))}):e.createElement(S,{key:a,value:t.value,name:t.name,size:"md",className:"survey-contact-input",label:t.label,placeholder:t.placeholder,onChange:e=>{k((t=>(t[a].value=e,t.slice())))},type:t.type})))))};var rt;!function(e){e[e.UNLIMITED=0]="UNLIMITED",e[e.EXACT_NUMBER=1]="EXACT_NUMBER",e[e.RANGE=2]="RANGE"}(rt||(rt={}));const nt=({className:t,headerText:o,style:r,question:n,termAndPolicyText:l,prevText:s,nextText:d,isContactForm:p,isDisableNext:m,isDisablePrev:h,onPrevClick:g,onNextClick:u,isSubmitButton:b,isButtonCenter:x,progress:y,descriptionText:f})=>{var v,w,k;const[E,$]=i([]),{is_multi_select:C,multi_select_option:z,from:B,to:P}=n,N=null==n?void 0:n.type,j="checkbox"===N&&(null===(v=n.options)||void 0===v?void 0:v.length)&&(!E||0===E.length||C&&z===rt.RANGE&&(E.length<B||E.length>P)||C&&z===rt.EXACT_NUMBER&&E.length!==B)||"radio"===N&&(null===(w=n.options)||void 0===w?void 0:w.length)&&(!E||0===E.length)||"textbox"===N&&(null===(k=n.textOptions)||void 0===k?void 0:k.length)&&(E.length<n.textOptions.length||E.some((e=>!e.value))),S="number"==typeof y?y>1?1:y<0?0:Number(y.toFixed(2)):-1,I=a(null),T=()=>"textbox"!==N||I.current.reportValidity();return e.createElement(Qe,{className:t,style:r},e.createElement("div",{className:"survey-inner-wrapper"},o&&e.createElement("div",{className:"survey-header"},e.createElement(c,{className:"survey-header-text",size:"c2"},o)),e.createElement("form",{ref:I,onSubmit:e=>e.preventDefault()},e.createElement(ot,{question:n,description:f,onOptionsChange:e=>{$(e)},onTextOptionsChange:e=>{$(e)}})),p&&d&&e.createElement(D,{className:"survey-contact-submit",size:"lg",isDisabled:m||j,onClick:()=>T()&&u&&u(E)},d),l&&e.createElement("div",{className:"term-policy-container"},l),"number"==typeof y&&e.createElement("div",{className:"survey-progress-wrapper"},e.createElement("div",{className:"survey-progress",style:{transform:`scaleX(${S})`}})),(s||d)&&e.createElement("div",{"data-center":x,className:"survey-button-wrapper"},s&&e.createElement(D,{className:"survey-prev-button",size:"lg",color:h?"primary":"secondary",isDisabled:h,icon:e.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},e.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:h?"#fff":"#2D87F3"})),onClick:g},s),!p&&d&&e.createElement(D,{onClick:()=>T()&&u&&u(E),className:"survey-next-button",size:"lg",isDisabled:m||j},d," ",b?void 0:e.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},e.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},lt=200,st=v.div``,dt=v.div`
+`,it=({size:t="small",label:a,name:i,checked:o,value:r,className:n,isDisabled:l=!1,onChange:s,hasImage:d,inputType:c,image:p})=>e.createElement(et,{"data-disabled":l,className:n,"data-size":t,"data-checked":o,onClick:()=>{s(r)},"data-has-image":d},d&&e.createElement("div",{className:"choice-image-wrapper"},p&&e.createElement("img",{src:p,loading:"lazy"})),e.createElement("label",{onClick:e=>{e.preventDefault()},htmlFor:`${i}-${r}`},a),e.createElement("input",{type:c,checked:o,name:i,id:`${i}-${r}`,value:r,readOnly:!0})),ot=({question:t,description:a,onOptionsChange:r,onTextOptionsChange:n,style:l,className:s})=>{const{type:d,title:p,subtitle:m,image:g,textOptions:h,options:u,name:b,is_multi_select:x}=t,f=!!(null==u?void 0:u.some((e=>e.image))),[y,v]=i([]),[w,k]=i((()=>(null==h?void 0:h.slice())||[]));return o((()=>{r&&r(y.slice())}),[!!r,y]),o((()=>{n&&n(w)}),[!!n,w]),e.createElement(at,{className:s,style:l},e.createElement("div",{className:"survey-question-text-wrapper"},p&&e.createElement(j,{"data-nosubtitle":!m,className:"survey-question-title",tag:"h4"},p),m&&e.createElement(c,{className:"survey-question-subtitle",size:"p2"},m),a&&e.createElement(c,{className:"survey-question-description",size:"p2"},a)),g&&e.createElement("img",{src:g,className:"survey-question-image",loading:"lazy"}),e.createElement("div",{className:"survey-question-answer-wrapper"},"radio"===d&&e.createElement("div",{"data-has-image":f,className:"survey-question-options-wrapper"},u.map((t=>{var a;return e.createElement(it,{inputType:"radio",label:t.label,name:b,key:`${b}-${t.value}`,checked:(null===(a=y[0])||void 0===a?void 0:a.value)===t.value,value:t.value,onChange:e=>{v([u.find((t=>t.value===e))])},className:"survey-question-option-item",image:t.image,hasImage:f})}))),"checkbox"===d&&e.createElement("div",{"data-has-image":f,className:"survey-question-options-wrapper"},u.map((t=>e.createElement(it,{inputType:"checkbox",label:t.label,name:b,key:`${b}-${t.value}`,checked:!!y.find((e=>e.value===t.value)),value:t.value,onChange:()=>{const e=y.findIndex((e=>e.value===t.value));v(e>=0?t=>(t.splice(e,1),t.slice()):x?e=>e.concat(t).slice():[t])},className:"survey-question-option-item survey-option-radio",image:t.image,hasImage:f})))),"textbox"===d&&w.map(((t,a)=>t.isTextArea?e.createElement(S,{key:a,placeholder:t.placeholder,height:"150px",value:t.value,onChange:e=>k((t=>(t[a].value=e,t.slice())))}):e.createElement(O,{key:a,value:t.value,name:t.name,size:"md",className:"survey-contact-input",label:t.label,placeholder:t.placeholder,onChange:e=>{k((t=>(t[a].value=e,t.slice())))},type:t.type})))))};var rt;!function(e){e[e.UNLIMITED=0]="UNLIMITED",e[e.EXACT_NUMBER=1]="EXACT_NUMBER",e[e.RANGE=2]="RANGE"}(rt||(rt={}));const nt=({className:t,headerText:o,style:r,question:n,termAndPolicyText:l,prevText:s,nextText:d,isContactForm:p,isDisableNext:m,isDisablePrev:g,onPrevClick:h,onNextClick:u,isSubmitButton:b,isButtonCenter:x,progress:f,descriptionText:y})=>{var v,w,k;const[E,$]=i([]),{is_multi_select:D,multi_select_option:C,from:z,to:B}=n,P=null==n?void 0:n.type,j="checkbox"===P&&(null===(v=n.options)||void 0===v?void 0:v.length)&&(!E||0===E.length||D&&C===rt.RANGE&&(E.length<z||E.length>B)||D&&C===rt.EXACT_NUMBER&&E.length!==z)||"radio"===P&&(null===(w=n.options)||void 0===w?void 0:w.length)&&(!E||0===E.length)||"textbox"===P&&(null===(k=n.textOptions)||void 0===k?void 0:k.length)&&(E.length<n.textOptions.length||E.some((e=>!e.value))),S="number"==typeof f?f>1?1:f<0?0:Number(f.toFixed(2)):-1,I=a(null),T=()=>"textbox"!==P||I.current.reportValidity();return e.createElement(Qe,{className:t,style:r},e.createElement("div",{className:"survey-inner-wrapper"},o&&e.createElement("div",{className:"survey-header"},e.createElement(c,{className:"survey-header-text",size:"c2"},o)),e.createElement("form",{ref:I,onSubmit:e=>e.preventDefault()},e.createElement(ot,{question:n,description:y,onOptionsChange:e=>{$(e)},onTextOptionsChange:e=>{$(e)}})),p&&d&&e.createElement(N,{className:"survey-contact-submit",size:"lg",isDisabled:m||j,onClick:()=>T()&&u&&u(E)},d),l&&e.createElement("div",{className:"term-policy-container"},l),"number"==typeof f&&e.createElement("div",{className:"survey-progress-wrapper"},e.createElement("div",{className:"survey-progress",style:{transform:`scaleX(${S})`}})),(s||d)&&e.createElement("div",{"data-center":x,className:"survey-button-wrapper"},s&&e.createElement(N,{className:"survey-prev-button",size:"lg",color:g?"primary":"secondary",isDisabled:g,icon:e.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},e.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:g?"#fff":"#2D87F3"})),onClick:h},s),!p&&d&&e.createElement(N,{onClick:()=>T()&&u&&u(E),className:"survey-next-button",size:"lg",isDisabled:m||j},d," ",b?void 0:e.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},e.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},lt=200,st=k.div``,dt=k.div`
   width: 100vw;
   height: 100vh;
   position: fixed;
   bottom: 0;
   right: 0;
-  background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+  background-color: ${D.colors.white};
   opacity: 0.83;
   transition: display ${lt}ms linear;
 
   [data-floatmenu-open='true'] & {
-    animation: showBackgroundPanel ${lt}ms linear 0s normal forwards;
+    animation: showBackgroundPanel ${lt}ms linear 0s normal
+      forwards;
   }
 
   [data-floatmenu-open='false'] & {
-    animation: hideBackgroundPanel ${lt}ms linear 0s normal forwards;
+    animation: hideBackgroundPanel ${lt}ms linear 0s normal
+      forwards;
   }
 
   @keyframes showBackgroundPanel {
@@ -1250,11 +1248,11 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       height: 0;
     }
   }
-`,ct=v.div`
+`,ct=k.div`
   position: fixed;
   right: 16px;
   bottom: 40px;
-`,pt=v.div`
+`,pt=k.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
@@ -1277,7 +1275,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     bottom: 46px;
     right: 36px;
   }
-`,mt=v.div`
+`,mt=k.div`
   border-radius: 50%;
   width: 56px;
   height: 56px;
@@ -1287,9 +1285,9 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   transition: all 0.1s linear;
   -webkit-tap-highlight-color: transparent;
   [data-site-type='hb'] & {
-    background-color: ${e=>e.theme.colors.primaryBase||e.theme.colors.primary};
+    background-color: ${D.colors.primaryBase};
     &:hover {
-      background-color: ${e=>{var t,a;return e.theme.colors.primaryHover||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.blue_700)}};
+      background-color: ${D.colors.primaryHover};
     }
   }
   [data-site-type='mb'] & {
@@ -1303,7 +1301,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     content: '';
     width: 2px;
     height: 20px;
-    background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+    background-color: ${D.colors.white};
     border-radius: 2px;
     position: absolute;
     top: 50%;
@@ -1315,7 +1313,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     content: '';
     width: 20px;
     height: 2px;
-    background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+    background-color: ${D.colors.white};
     border-radius: 2px;
     position: absolute;
     top: 50%;
@@ -1366,7 +1364,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       transform: translate(-50%, -50%) rotateZ(0deg);
     }
   }
-`,ht=v.div`
+`,gt=k.div`
   display: flex;
   gap: 8px;
   align-items: center;
@@ -1432,7 +1430,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       opacity: 0;
     }
   }
-`,gt=v.div`
+`,ht=k.div`
   font-size: 14px;
 
   // zoom
@@ -1459,15 +1457,16 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   [data-animation-type='slide'][data-floatmenu-open='false'] & {
     opacity: 0;
   }
-`,ut=v.div`
+`,ut=k.div`
   border-radius: 50%;
-  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
+  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04),
+    0px 0px 1px rgba(0, 0, 0, 0.04);
   width: 48px;
   height: 48px;
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: ${e=>{var t,a;return e.theme.colors.white||(null===(a=null===(t=e.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}};
+  background-color: ${D.colors.white};
 
   // zoom
   [data-animation-type='zoom'] & {
@@ -1487,21 +1486,21 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     height: 24px;
     object-fit: contain;
   }
-`,bt=v.div`
+`,bt=k.div`
   padding: 16px;
   width: 375px;
   word-wrap: break-word;
   word-break: break-word;
-  ${E.mbDown} {
+  ${w.mbDown} {
     width: 100%;
   }
   &[data-theme='helloSites'] {
-    background: ${e=>e.theme.colors.secondaryBase};
+    background: ${D.colors.secondaryBase};
     box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);
   }
   &[data-theme='marryBaby'] {
     border: none;
-    background: ${e=>e.theme.mbColors.pink};
+    background: ${D.mbColors.pink};
     border-radius: 12px 12px 0 0;
   }
   &[data-is-open='false'] {
@@ -1512,15 +1511,15 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     z-index: 1000;
     bottom: 0;
     right: 0;
-    ${E.mbDown} {
+    ${w.mbDown} {
       left: 0;
       right: unset;
     }
   }
-`,xt=v.p`
+`,xt=k.p`
   position: relative;
   padding-left: 24px;
-  color: ${e=>e.theme.colors.white};
+  color: ${D.colors.white};
   font-size: 14px;
   font-weight: 600;
   line-height: 22px;
@@ -1536,39 +1535,39 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       content: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e");
     }
   }
-`,yt=v.p`
+`,ft=k.p`
   margin-top: 2px;
-  color: ${e=>e.theme.colors.white};
+  color: ${D.colors.white};
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
   a {
-    color: ${e=>e.theme.colors.white};
+    color: ${D.colors.white};
     text-decoration: none;
     text-decoration-line: underline;
   }
-`,ft=v.div`
+`,yt=k.div`
   display: flex;
   align-items: center;
   margin-top: 8px;
   gap: 16px;
-`,vt=v.div`
+`,vt=k.div`
   padding: 7px 28px;
-  background: ${e=>e.theme.colors.white};
-  border-radius: ${e=>e.theme.borderRadius};
-  color: ${e=>e.theme.colors.secondaryBase};
+  background: ${D.colors.white};
+  border-radius: ${D.borderRadius};
+  color: ${D.colors.secondaryBase};
   cursor: pointer;
   font-size: 12px;
   font-weight: 600;
   line-height: 18px;
-`,wt=v.a`
-  color: ${e=>e.theme.colors.white};
+`,wt=k.a`
+  color: ${D.colors.white};
   font-size: 12px;
   font-weight: 600;
   line-height: 22px;
   text-decoration: none;
   text-decoration-line: underline;
-`,kt=w`
+`,kt=E`
   from {
     transform: translateY(100%);
     visibility: visible;
@@ -1577,7 +1576,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   to {
     transform: translateY(0);
   }
-`,Et=w`
+`,Et=E`
   from {
     transform: translate(0, 0);
   }
@@ -1586,7 +1585,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     visibility: hidden;
     transform: translate(0, 100%);
   }
-`,$t=v.div`
+`,$t=k.div`
   cursor: pointer;
   display: flex;
   flex-direction: column;
@@ -1598,13 +1597,13 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     font-weight: 500;
     font-size: 10px;
     line-height: 16px;
-    color: ${M.colors.gray600};
+    color: ${D.colors.gray600};
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 60px;
     text-align: center;
-    ${E.mbDown} {
+    ${w.mbDown} {
       max-width: 60px;
     }
   }
@@ -1635,7 +1634,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     min-width: 152px;
     height: 32px;
     /* Neutral/Neutral-50 */
-    background: ${M.colors.primary50};
+    background: ${D.colors.primary50};
     border-radius: 20px;
     flex-grow: 1;
     .mobile-navigation-icon {
@@ -1646,20 +1645,20 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     }
     .mobile-navigation-label {
       max-width: max-content;
-      color: ${M.colors.primaryBase};
+      color: ${D.colors.primaryBase};
     }
   }
 
   &[data-is-active='true'] {
     .mobile-navigation-label {
-      color: ${M.colors.primaryBase};
+      color: ${D.colors.primaryBase};
     }
   }
 
   &[data-is-disabled='true'] {
     opacity: 0.2;
   }
-`,Dt=v.div`
+`,Dt=k.div`
   z-index: 100;
   position: fixed;
   bottom: 0;
@@ -1672,7 +1671,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   height: 100%;
   align-items: center;
   justify-content: space-evenly;
-  background-color: ${M.colors.white};
+  background-color: ${D.colors.white};
   @supports (padding-bottom: env(safe-area-inset-bottom)) {
     min-height: calc(56px + env(safe-area-inset-bottom));
     max-height: calc(56px + env(safe-area-inset-bottom));
@@ -1700,13 +1699,13 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       flex: 0;
     }
   }
-`,Ct=v.span`
+`,Ct=k.span`
   position: absolute;
   left: 100%;
   transform: translate(-10px, calc(-50% + 3px));
-  background-color: ${M.colors.green800};
+  background-color: ${D.colors.green800};
   border-radius: 32px;
-  border: 2px solid ${M.colors.white};
+  border: 2px solid ${D.colors.white};
   padding: 1px 4px;
   display: flex;
   flex-direction: column;
@@ -1718,18 +1717,18 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     left: 0;
     transform: translate(22px, -50%);
   }
-`;v.div`
+`;k.div`
   position: absolute;
   top: 0;
   left: 0;
   height: 3px;
-  background-color: ${M.colors.primaryBase};
+  background-color: ${D.colors.primaryBase};
   transition: width 150ms linear;
-`,v.div`
+`,k.div`
   a {
     text-decoration: none;
   }
-`;const zt=t=>{var{badgeAmount:a,disabled:i=!1,hasBadge:o=!1,icon:r,isActive:n=!1,isSpecial:l=!1,label:s}=t,d=I(t,["badgeAmount","disabled","hasBadge","icon","isActive","isSpecial","label"]);return e.createElement($t,Object.assign({"data-is-special":l,"data-is-active":n,"data-is-disabled":i},d),e.createElement("div",{className:"mobile-navigation-icon","data-no-label":!Boolean(s)},o&&e.createElement(Ct,{"data-no-label":!Boolean(s)},e.createElement(c,{size:"s5",weight:"semiBold",color:l?M.colors.primaryBase:M.colors.white},a)),r),s&&e.createElement("span",{className:"mobile-navigation-label"},s))},Bt=t=>{var{children:a,on:i="",isCollapsed:o=!1,template:r="homepage"}=t,n=I(t,["children","on","isCollapsed","template"]);return e.createElement(Dt,Object.assign({on:i,"data-is-collapsed":o,"data-template":r},n),a)};Bt.Icon=zt;const Pt="hhgcomp-toolbanner-wrapper",Nt=B(v.div`
+`;const zt=t=>{var{badgeAmount:a,disabled:i=!1,hasBadge:o=!1,icon:r,isActive:n=!1,isSpecial:l=!1,label:s}=t,d=_(t,["badgeAmount","disabled","hasBadge","icon","isActive","isSpecial","label"]);return e.createElement($t,Object.assign({"data-is-special":l,"data-is-active":n,"data-is-disabled":i},d),e.createElement("div",{className:"mobile-navigation-icon","data-no-label":!Boolean(s)},o&&e.createElement(Ct,{"data-no-label":!Boolean(s)},e.createElement(c,{size:"s5",weight:"semiBold",color:l?D.colors.primaryBase:D.colors.white},a)),r),s&&e.createElement("span",{className:"mobile-navigation-label"},s))},Bt=t=>{var{children:a,on:i="",isCollapsed:o=!1,template:r="homepage"}=t,n=_(t,["children","on","isCollapsed","template"]);return e.createElement(Dt,Object.assign({on:i,"data-is-collapsed":o,"data-template":r},n),a)};Bt.Icon=zt;const Pt="hhgcomp-toolbanner-wrapper",Nt=I(k.div`
   position: relative;
   width: 100%;
   height: 100%;
@@ -1745,9 +1744,9 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       border-top-right-radius: 16px;
     }
   }
-`,Pt),jt=v.div`
+`,Pt),jt=k.div`
   width: 100%;
-  ${E.mbDown} {
+  ${w.mbDown} {
     padding-bottom: 24px;
   }
 
@@ -1760,18 +1759,18 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     a {
       text-decoration: underline;
     }
-    ${E.mbDown} {
+    ${w.mbDown} {
       padding-bottom: 0;
     }
   }
 
-  ${E.tdDown} {
+  ${w.tdDown} {
     height: auto;
     .${Pt} {
       .${"hhgcomp-toolbanner-inner"} {
         display: flex;
         align-items: center;
-        ${E.mbDown} {
+        ${w.mbDown} {
           justify-content: space-between;
         }
         .${"hhgcomp-toolbanner-iconcontainer"} {
@@ -1784,14 +1783,14 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
           min-height: 0;
           align-self: flex-end;
           margin-bottom: -20px;
-          ${E.mbDown} {
+          ${w.mbDown} {
             right: unset;
           }
         }
       }
     }
   }
-`,St=v.div`
+`,St=k.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -1799,10 +1798,10 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   gap: 16px;
   width: 100%;
   /* background-color: ; */
-  ${E.mbDown} {
+  ${w.mbDown} {
     padding: 16px 0;
   }
-`,It=v.div`
+`,It=k.div`
   background: #ffffff;
   border-radius: 16px;
   width: 48px;
@@ -1817,14 +1816,14 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     max-height: 24px;
     transform: translate(-50%, -50%);
   }
-`,Tt=v.div`
+`,Tt=k.div`
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   justify-content: space-between;
   gap: 0;
   width: 100%;
-`,Mt=v.div`
+`,Mt=k.div`
   display: flex;
   align-items: flex-start;
   font-weight: 400;
@@ -1849,41 +1848,41 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       height: 14px;
     }
   }
-`,At=({className:t,heading:a,color:i="blue",isMobile:o,bannerUrl:r,bannerUrlLarge:n,bannerColor:l,medicalReview:s={link:"#",reviewer:"",date:""},icon:d,style:m,siteType:h,isEmbeded:g})=>{var u,v;const{t:w}=p(),k=b(),E=o?r:n||r,$={pink:[8,6]},D=k.colors[i]||k.colors.blue,z=(null==s?void 0:s.reviewer)?e.createElement(c,{size:"label2",color:"#fff",as:"div",className:"embedded-review",sx:{a:{textUnderlineOffset:"2px",color:"#fff",textDecoration:"underline"}}},e.createElement("div",{dangerouslySetInnerHTML:{__html:w("toolPage.toolReviewer",{expert_name:`<a href="${s.link}">${s.reviewer.trim()}</a>`,date:s.date})}})):null;return e.createElement(jt,{"data-is-mobile":o,style:m,"data-site":h},e.createElement(Nt,{className:t,"data-banner-url":E,"data-is-mobile":o,"data-site":h,"data-banner-color":l,"data-is-embedded":g,bgColor:`linear-gradient(71deg, ${null==D?void 0:D[(null===(u=$[i])||void 0===u?void 0:u[0])||7]} -4.07%, ${null==D?void 0:D[(null===(v=$[i])||void 0===v?void 0:v[1])||4]} 90.13%)}`},"marryBaby"===h&&g?e.createElement(St,null,e.createElement(It,null,d),e.createElement(Tt,null,e.createElement(C,{color:"white",tag:"h5",as:"h2"},a),s&&e.createElement(Mt,{"data-is-mobile":o},z))):e.createElement(x,{gap:y(24),align:"center",justify:"space-between",sx:{padding:`${y(13)} ${y(20)}`,gap:y(24)}},e.createElement(f,null,e.createElement(C,{tag:"h5",as:"h2",color:"#fff"},a),s&&e.createElement(c,{size:"n1",as:"div"},z)),e.createElement(x,{justify:"center",align:"center",sx:e=>{var t,a;return{width:y(64),height:y(64),borderRadius:"50%",background:(null===(a=null===(t=e.colors)||void 0===t?void 0:t[i])||void 0===a?void 0:a[0])||e.colors.blue[0],flexShrink:0,img:{maxWidth:y(48),maxHeight:y(48)},[e.fn.smallerThan("sm")]:{width:y(56),height:y(56),img:{maxWidth:y(40),maxHeight:y(40)}}}}},d))))},Ot=v(q)`
-  border-color: ${e=>e.theme.mbColors.lightGray};
-  background-color: ${e=>e.theme.colors.white};
+`,At=({className:t,heading:a,color:i="blue",isMobile:o,bannerUrl:r,bannerUrlLarge:n,bannerColor:l,medicalReview:s={link:"#",reviewer:"",date:""},icon:d,style:m,siteType:g,isEmbeded:h})=>{var u,v;const{t:w}=p(),k=b(),E=o?r:n||r,$={pink:[8,6]},D=k.colors[i]||k.colors.blue,C=(null==s?void 0:s.reviewer)?e.createElement(c,{size:"label2",color:"#fff",as:"div",className:"embedded-review",sx:{a:{textUnderlineOffset:"2px",color:"#fff",textDecoration:"underline"}}},e.createElement("div",{dangerouslySetInnerHTML:{__html:w("toolPage.toolReviewer",{expert_name:`<a href="${s.link}">${s.reviewer.trim()}</a>`,date:s.date})}})):null;return e.createElement(jt,{"data-is-mobile":o,style:m,"data-site":g},e.createElement(Nt,{className:t,"data-banner-url":E,"data-is-mobile":o,"data-site":g,"data-banner-color":l,"data-is-embedded":h,bgColor:`linear-gradient(71deg, ${null==D?void 0:D[(null===(u=$[i])||void 0===u?void 0:u[0])||7]} -4.07%, ${null==D?void 0:D[(null===(v=$[i])||void 0===v?void 0:v[1])||4]} 90.13%)}`},"marryBaby"===g&&h?e.createElement(St,null,e.createElement(It,null,d),e.createElement(Tt,null,e.createElement(j,{color:"white",tag:"h5",as:"h2"},a),s&&e.createElement(Mt,{"data-is-mobile":o},C))):e.createElement(x,{gap:f(24),align:"center",justify:"space-between",sx:{padding:`${f(13)} ${f(20)}`,gap:f(24)}},e.createElement(y,null,e.createElement(j,{tag:"h5",as:"h2",color:"#fff"},a),s&&e.createElement(c,{size:"n1",as:"div"},C)),e.createElement(x,{justify:"center",align:"center",sx:e=>{var t,a;return{width:f(64),height:f(64),borderRadius:"50%",background:(null===(a=null===(t=e.colors)||void 0===t?void 0:t[i])||void 0===a?void 0:a[0])||e.colors.blue[0],flexShrink:0,img:{maxWidth:f(48),maxHeight:f(48)},[e.fn.smallerThan("sm")]:{width:f(56),height:f(56),img:{maxWidth:f(40),maxHeight:f(40)}}}}},d))))},Ot=k(q)`
+  border-color: ${D.mbColors.lightGray};
+  background-color: ${D.colors.white};
   border-radius: 16px;
   transition: all 0.2s ease;
   &:hover {
-    border-color: ${e=>e.theme.mbColors.pink};
+    border-color: ${D.mbColors.pink};
     box-shadow: none;
   }
 
   & > ul {
-    z-index: ${P.menuSearchPopup};
+    z-index: ${T.menuSearchPopup};
     max-height: 300px;
     overflow-y: auto;
   }
 
-  ${e=>e.groupedWithLabel&&k`
+  ${e=>e.groupedWithLabel&&$`
       & > div:first-child {
-        color: ${e=>e.theme.mbColors.midGray};
+        color: ${D.mbColors.midGray};
         font-size: 12px;
       }
     `}
 
   &[data-dropdown-open='true'] {
-    border-color: ${e=>e.theme.mbColors.pink};
+    border-color: ${D.mbColors.pink};
   }
-`;v(N)`
+`;k(M)`
   & input {
-    border-color: ${e=>e.theme.mbColors.lightGray};
-    background-color: ${e=>e.theme.colors.white};
+    border-color: ${D.mbColors.lightGray};
+    background-color: ${D.colors.white};
     border-radius: 16px;
     transition: all 0.2s ease;
     &:focus,
     &:hover {
-      border-color: ${e=>e.theme.mbColors.pink};
+      border-color: ${D.mbColors.pink};
       box-shadow: none;
     }
   }
@@ -1891,14 +1890,14 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   & .displayIcon {
     pointer-events: none;
   }
-`;const _t=v(S)`
+`;const _t=k(O)`
   & label {
     position: absolute;
     z-index: 1;
     top: 16px;
 
     left: 16px;
-    color: ${e=>e.theme.mbColors.midGray};
+    color: ${D.mbColors.midGray};
     pointer-events: none;
     transition: all 0.2s ease;
     white-space: nowrap;
@@ -1910,47 +1909,47 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       font-size: 12px;
     }
 
-    ${E.tdDown} {
+    ${w.tdDown} {
       max-width: 220px;
     }
   }
   & input {
     ::placeholder {
-      color: ${e=>e.theme.mbColors.gray};
+      color: ${D.mbColors.gray};
       font-size: 14px;
     }
 
     ::-webkit-input-placeholder {
       /* Chrome/Opera/Safari */
-      color: ${e=>e.theme.mbColors.gray};
+      color: ${D.mbColors.gray};
       font-size: 14px;
     }
     ::-moz-placeholder {
       /* Firefox 19+ */
-      color: ${e=>e.theme.mbColors.gray};
+      color: ${D.mbColors.gray};
       font-size: 14px;
     }
     :-ms-input-placeholder {
       /* IE 10+ */
-      color: ${e=>e.theme.mbColors.gray};
+      color: ${D.mbColors.gray};
       font-size: 14px;
     }
     :-moz-placeholder {
       /* Firefox 18- */
-      color: ${e=>e.theme.mbColors.gray};
+      color: ${D.mbColors.gray};
       font-size: 14px;
     }
     height: ${e=>"sm"===e.size?48:72}px;
     padding-top: 27px;
-    border-color: ${e=>e.theme.mbColors.lightGray};
-    background-color: ${e=>e.theme.colors.white};
+    border-color: ${D.mbColors.lightGray};
+    background-color: ${D.colors.white};
     border-radius: 16px;
     transition: all 0.2s ease;
     padding-top: ${e=>e.value?"38px":"27px"};
 
     &:focus,
     &:hover {
-      border-color: ${e=>e.theme.mbColors.pink};
+      border-color: ${D.mbColors.pink};
       box-shadow: none;
     }
   }
@@ -1968,25 +1967,25 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       padding-right: 46px;
     }
   }
-`,Lt=v.div`
+`,Lt=k.div`
   width: 100%;
-`,Ut=v.div`
+`,Ut=k.div`
   #due-date-dropdown {
     z-index: 9;
     width: 100%;
     min-width: unset;
     max-width: unset;
 
-    ${E.mbDown} {
+    ${w.mbDown} {
       font-size: 14px;
     }
-    ${E.tdUp} {
+    ${w.tdUp} {
       font-size: 16px;
       &[data-is-side='true'] {
         font-size: 14px;
       }
     }
-    color: ${e=>e.theme.colors.gray800};
+    color: ${D.colors.gray800};
     > div {
       white-space: nowrap;
       overflow: hidden;
@@ -1996,12 +1995,12 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   display: flex;
   width: 100%;
   justify-content: space-between;
-`,Ft=v(Lt)`
+`,Ft=k(Lt)`
   .due-date-input {
     width: 100%;
     min-width: unset;
     max-width: unset;
-    color: ${e=>e.theme.colors.gray800};
+    color: ${D.colors.gray800};
   }
   .due-date-calculate-button {
     margin-right: auto;
@@ -2009,46 +2008,45 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   }
   input {
     &[data-is-side='true'] {
-      ${E.tdUp} {
+      ${w.tdUp} {
         font-size: 14px;
       }
     }
-    ${E.mbDown} {
+    ${w.mbDown} {
       font-size: 14px;
     }
-    ${E.tdUp} {
+    ${w.tdUp} {
       font-size: 16px;
     }
   }
-`;v.div`
+`;k.div`
   display: flex;
   align-items: right;
 
   & > p {
     display: inline-block;
-    border-bottom: solid 1px
-      ${e=>e.theme.colors.primaryBase};
+    border-bottom: solid 1px ${D.colors.primaryBase};
     margin-bottom: 24px;
     margin-left: auto;
-    color: ${e=>e.theme.colors.primaryBase};
+    color: ${D.colors.primaryBase};
     cursor: pointer;
     font-size: 11px;
     line-height: 16px;
     text-align: right;
   }
-`;var Ht;v(v.img`
+`;var Ht;k(k.img`
   img& {
     width: 16px;
     height: 16px;
   }
 `)`
   margin-right: 4px;
-`,function(e){e[e.lastPeriod=0]="lastPeriod",e[e.conception=1]="conception",e[e.IVF=2]="IVF"}(Ht||(Ht={}));const Rt="yyyy-MM-dd",Gt=(e,t)=>{const a=t-21+272,i=new Date(e);return i.setDate(i.getDate()+a),{startDate:e,dueDate:i,otherInfo:{method:Ht.lastPeriod+1,first_day:Y(e,Rt),cycle_length_days:t,conception_date:null,ivf_transfer_date:null,days_transfer:null}}},Wt=e=>{const t=new Date(e);return t.setDate(t.getDate()+265),{startDate:e,dueDate:t,otherInfo:{method:Ht.conception+1,conception_date:Y(e,Rt),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}},Vt=(e,t)=>{const a=new Date(e);return a.setDate(a.getDate()+265-t),{startDate:e,dueDate:a,otherInfo:{method:Ht.IVF+1,ivf_transfer_date:Y(e,Rt),days_transfer:t,conception_date:null,first_day:null,cycle_length_days:null}}},qt=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,Yt=v.div`
+`,function(e){e[e.lastPeriod=0]="lastPeriod",e[e.conception=1]="conception",e[e.IVF=2]="IVF"}(Ht||(Ht={}));const Rt="yyyy-MM-dd",Gt=(e,t)=>{const a=t-21+272,i=new Date(e);return i.setDate(i.getDate()+a),{startDate:e,dueDate:i,otherInfo:{method:Ht.lastPeriod+1,first_day:Y(e,Rt),cycle_length_days:t,conception_date:null,ivf_transfer_date:null,days_transfer:null}}},Wt=e=>{const t=new Date(e);return t.setDate(t.getDate()+265),{startDate:e,dueDate:t,otherInfo:{method:Ht.conception+1,conception_date:Y(e,Rt),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}},Vt=(e,t)=>{const a=new Date(e);return a.setDate(a.getDate()+265-t),{startDate:e,dueDate:a,otherInfo:{method:Ht.IVF+1,ivf_transfer_date:Y(e,Rt),days_transfer:t,conception_date:null,first_day:null,cycle_length_days:null}}},qt=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,Yt=k.div`
   &[data-is-side='true'] {
     width: 100%;
     margin-bottom: 0;
   }
-  ${E.mbDown} {
+  ${w.mbDown} {
     width: 100%;
     margin-bottom: 0;
   }
@@ -2067,13 +2065,13 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     & > div {
       width: calc(50% - 8px);
 
-      ${E.mbUp} {
+      ${w.mbUp} {
         max-width: 186px;
         justify-self: left;
       }
     }
   }
-`,Zt=v.div`
+`,Zt=k.div`
   margin-bottom: 20px;
   width: 100%;
 
@@ -2085,18 +2083,18 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       width: calc(50% - 8px);
     }
   }
-`,Xt=v.div`
+`,Xt=k.div`
   width: 100%;
   display: flex;
   justify-content: center;
-  ${E.mbUp} {
+  ${w.mbUp} {
     padding: 0 16px;
     &[data-is-side='true'] {
       margin-top: 24px;
     }
   }
 
-  ${E.mbDown} {
+  ${w.mbDown} {
     margin-top: 24px;
     &[data-site='marryBaby'] {
       margin-top: 12px;
@@ -2109,11 +2107,11 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   button {
     width: 100%;
     margin: auto;
-    ${E.mbUp} {
+    ${w.mbUp} {
       max-width: 200px;
     }
   }
-`,Jt=v.div`
+`,Jt=k.div`
   width: 100%;
   display: flex;
   flex-wrap: wrap;
@@ -2123,13 +2121,13 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     flex-direction: column;
   }
 
-  ${E.mbDown} {
+  ${w.mbDown} {
     flex-direction: column;
     .input-section {
       width: 100%;
     }
   }
-`,Kt=v.div`
+`,Kt=k.div`
   position: relative;
   width: calc(50% - 8px);
 
@@ -2138,7 +2136,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       margin-bottom: 9px;
     }
   }
-  ${E.mbDown} {
+  ${w.mbDown} {
     .label {
       margin-bottom: 9px;
     }
@@ -2149,18 +2147,18 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     width: 100%;
     min-width: unset;
     max-width: unset;
-    color: ${e=>e.theme.colors.gray800};
+    color: ${D.colors.gray800};
     & > ul {
       z-index: 1;
       max-height: 300px;
       overflow-y: scroll;
     }
   }
-`,Qt=v.div`
+`,Qt=k.div`
   margin-bottom: 24px;
   width: 100%;
 
-  ${E.mbUp} {
+  ${w.mbUp} {
     padding: 0 16px;
   }
   .card {
@@ -2180,13 +2178,13 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       }
 
       & > div {
-        ${E.mbUp} {
+        ${w.mbUp} {
           width: calc(18% - 4px);
           max-width: 186px;
           justify-self: left;
         }
 
-        ${E.mbDown} {
+        ${w.mbDown} {
           width: calc(31% - 8px);
           max-width: 109px;
           justify-self: left;
@@ -2206,27 +2204,27 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     padding-top: 8px;
     padding-bottom: 16px;
   }
-`,ea="hhgcomp-embedtoolcard-content",ta=B(v.form`
+`,ea="hhgcomp-embedtoolcard-content",ta=I(k.form`
   margin: auto;
-  ${E.mbUp} {
+  ${w.mbUp} {
     width: 100%;
     padding: 20px;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
   }
-  ${E.mbDown} {
+  ${w.mbDown} {
     padding: 16px;
   }
   .due-date-calculate-button {
     width: 100%;
     margin: 12px auto 0;
-    ${E.mbUp} {
+    ${w.mbUp} {
       max-width: 200px;
     }
   }
   &[data-is-side='true'] {
-    ${E.mbUp} {
+    ${w.mbUp} {
       padding: 24px 40px 0px 40px;
     }
   }
@@ -2239,17 +2237,17 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   .input-form {
     display: flex;
 
-    ${E.mbUp} {
+    ${w.mbUp} {
       margin-bottom: 24px;
       width: calc(50% - 8px);
     }
     &[data-is-side='true'] {
-      ${E.mbUp} {
+      ${w.mbUp} {
         margin-bottom: 8px;
         width: 100%;
       }
     }
-    ${E.mbDown} {
+    ${w.mbDown} {
       margin-bottom: 8px;
     }
     .label-text {
@@ -2264,15 +2262,15 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     display: flex;
     width: calc(50% - 8px);
 
-    ${E.mbUp} {
+    ${w.mbUp} {
       margin-bottom: 24px;
     }
     &[data-is-side='true'] {
-      ${E.mbUp} {
+      ${w.mbUp} {
         margin-bottom: 8px;
       }
     }
-    ${E.mbDown} {
+    ${w.mbDown} {
       margin-bottom: 8px;
       width: 100%;
     }
@@ -2286,29 +2284,29 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   }
   .day-slider {
     width: 100%;
-    ${E.mbUp} {
+    ${w.mbUp} {
       width: calc(50% - 8px);
       &[data-is-side='true'] {
         width: 100%;
       }
     }
   }
-`,ea),aa=v.div`
+`,ea),aa=k.div`
   padding: 0;
   background-color: white;
   border: 1px solid #e4e8ec;
   border-radius: 4px;
 
   &[data-site='marryBaby'] {
-    background-color: ${e=>e.theme.mbColors.green};
+    background-color: ${D.mbColors.green};
     border-radius: 16px;
   }
   .due-date-cal {
     .${ea} {
-      ${E.mbUp} {
+      ${w.mbUp} {
         padding: 24px;
       }
-      ${E.mbDown} {
+      ${w.mbDown} {
         padding: 16px;
       }
     }
@@ -2336,17 +2334,17 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     }
     .input-form {
       display: flex;
-      ${E.mbUp} {
+      ${w.mbUp} {
         width: calc(50% - 8px);
         margin-bottom: 24px;
       }
       &[data-is-side='true'] {
-        ${E.mbUp} {
+        ${w.mbUp} {
           margin-bottom: 12px;
           width: 100%;
         }
       }
-      ${E.mbDown} {
+      ${w.mbDown} {
         margin-bottom: 8px;
       }
     }
@@ -2389,7 +2387,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     }
     .input-form {
       display: flex;
-      ${E.mbUp} {
+      ${w.mbUp} {
         width: calc(50% - 8px);
         margin-bottom: 24px;
         &[data-is-side='true'] {
@@ -2397,7 +2395,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
           width: 100%;
         }
       }
-      ${E.mbDown} {
+      ${w.mbDown} {
         margin-bottom: 8px;
       }
     }
@@ -2408,7 +2406,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       flex-wrap: wrap;
       justify-content: space-between;
     }
-    ${E.mbDown} {
+    ${w.mbDown} {
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
@@ -2417,22 +2415,22 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     .hide-asking-mobile {
       gap: 10px;
       &[data-is-side='true'] {
-        ${E.mbUp} {
+        ${w.mbUp} {
           display: none;
         }
       }
-      ${E.mbDown} {
+      ${w.mbDown} {
         display: none;
       }
     }
     .hide-asking-desk {
       gap: 10px;
       &[data-is-side='true'] {
-        ${E.mbUp} {
+        ${w.mbUp} {
           display: unset;
         }
       }
-      ${E.mbUp} {
+      ${w.mbUp} {
         display: none;
       }
     }
@@ -2445,20 +2443,20 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     background-size: contain;
     content: '';
   }
-`,ia=v(De)`
+`,ia=k(De)`
   &[data-direction='horizontal'] div[data-type='circle'] {
     margin-right: 8px;
   }
   label {
     font-size: 14px;
   }
-`,oa=v(U)`
+`,oa=k(U)`
   margin: 0 auto 24px;
-  ${E.mbUp} {
+  ${w.mbUp} {
     max-width: 200px;
     margin: 24px auto;
   }
-`,ra=v(N)`
+`,ra=k(M)`
   &.bmi--input {
     + .bmi--input {
       margin-top: 24px;
@@ -2480,7 +2478,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       width: 100%;
       gap: 16px;
       > div {
-        ${E.mbDown} {
+        ${w.mbDown} {
           width: calc(50% - 8px);
         }
         width: calc(33% - 8px);
@@ -2496,7 +2494,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     }
     .bmi-side-embed {
       > div {
-        ${E.mbUp} {
+        ${w.mbUp} {
           width: calc(50% - 8px);
         }
       }
@@ -2506,7 +2504,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     }
   }
 
-  ${E.mbDown} {
+  ${w.mbDown} {
     &.bmi--input {
       .bmi--input-radio_gender {
         > div {
@@ -2518,9 +2516,9 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       }
     }
   }
-`,na=v.div`
+`,na=k.div`
   width: 100%;
-`,la=v.div`
+`,la=k.div`
   margin-bottom: 1rem;
   display: flex;
   flex-direction: column;
@@ -2541,8 +2539,8 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       font-size: 12px;
     }
   }
-`,sa=v.div`
-  ${E.mbUp} {
+`,sa=k.div`
+  ${w.mbUp} {
     display: flex;
     width: 100%;
     align-items: flex-start;
@@ -2552,43 +2550,43 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       width: 100%;
     }
     &[data-is-side='true'] {
-      ${E.mbUp} {
+      ${w.mbUp} {
         display: flex;
         flex-direction: column;
         gap: 0px;
       }
     }
   }
-  ${E.mbDown} {
+  ${w.mbDown} {
     display: flex;
     flex-direction: column;
     gap: 0px;
   }
-`,da=v.div`
+`,da=k.div`
   padding-block: 40px;
 
   &[data-theme='marryBaby'] {
     padding-block: 0;
     padding-top: 12px;
   }
-`,ca=v.form`
+`,ca=k.form`
   display: flex;
   flex-direction: column;
   gap: 16px;
-`,pa=v.div`
+`,pa=k.div`
   display: flex;
   flex-direction: column;
   gap: 6px;
   margin-top: auto;
 
   .error-input input {
-    border: 1px solid ${e=>e.theme.colors.red700};
+    border: 1px solid ${D.colors.red700};
   }
-`,ma=v(V)`
+`,ma=k(V)`
   display: inline-flex;
   padding-bottom: 6px;
   gap: 4px;
-`,ha=v.div`
+`,ga=k.div`
   display: flex;
   width: 100%;
   align-items: center;
@@ -2597,26 +2595,26 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   > div {
     width: 100%;
   }
-`,ga=(e=0,t=0)=>{try{if(e&&t){const a=Number(t)/Math.pow(Number(e)/100,2);return Number(((e,t=2)=>Intl.NumberFormat(void 0,{maximumFractionDigits:t}).format(e))(a))}return 0}catch(e){}return 0},ua=v.div`
+`,ha=(e=0,t=0)=>{try{if(e&&t){const a=Number(t)/Math.pow(Number(e)/100,2);return Number(((e,t=2)=>Intl.NumberFormat(void 0,{maximumFractionDigits:t}).format(e))(a))}return 0}catch(e){}return 0},ua=k.div`
   padding: 36px;
   padding-top: 0;
   background-color: white;
-  ${E.mbDown} {
+  ${w.mbDown} {
     padding: 16px;
     padding-top: 0;
   }
   &[data-theme='marryBaby'] {
-    background-color: ${e=>e.theme.mbColors.green};
+    background-color: ${D.mbColors.green};
     padding: 24px;
     border-bottom-right-radius: 16px;
     border-bottom-left-radius: 16px;
-    ${E.mbDown} {
+    ${w.mbDown} {
       padding: 16px;
     }
   }
-`,ba=v((({onSubmit:t,onError:a,schema:i,siteType:r})=>{const{t:l}=p(),s="mb"===b().other.template,{control:m,setValue:h,watch:g,handleSubmit:u,formState:{isSubmitted:x}}=H({resolver:F(i),mode:"onSubmit",defaultValues:{name:"",gender:A.Boy,measurementDate:new Date}}),y=g("weight"),f=g("height"),v=g("head"),w=n((()=>x&&!y&&!f&&!v),[x,y,f,v]);o((()=>{const e=ga(f,y);h("bmi",String(e)||"0")}),[y,f]);const k=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(e.Fragment,null,e.createElement(da,{"data-theme":r},e.createElement(ca,{onSubmit:u(t,a)},e.createElement(R,{control:m,name:"gender",render:({field:{onChange:t,value:a}})=>e.createElement(G,{onChange:t,value:a,siteType:r})}),"marryBaby"===r?e.createElement(e.Fragment,null,e.createElement(R,{control:m,name:"birthday",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(_t,{label:l("babyGrowth.input.birthday"),name:"birthday",size:"md",value:String(a),CustomInput:e.createElement(pe,{onChange:t,placeholder:"dd/mm/yyyy",pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:o=>e.createElement(S,Object.assign({onChange:t,className:(null==i?void 0:i.message)?"error-input":"",name:"birthday",size:"md"},o,{value:a&&T(a).format(j)}))}),actionIcon:e.createElement(d.CalendarMB,{size:32})}))}),e.createElement(ha,null,e.createElement(R,{control:m,name:"height",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(_t,{label:`${l("babyGrowth.height")} ${l("babyGrowth.cm")}`,name:"height",size:"md",value:String(a),CustomInput:e.createElement(S,{className:w||(null==i?void 0:i.message)?"error-input":"",name:"height",size:"md",placeholder:"Nhập thông tin",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),e.createElement(R,{control:m,name:"weight",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(_t,{label:`${l("babyGrowth.weight")} ${l("babyGrowth.kg")}`,name:"weight",size:"md",value:String(a),CustomInput:e.createElement(S,{className:w||(null==i?void 0:i.message)?"error-input":"",name:"weight",size:"md",placeholder:"Nhập thông tin",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))})),e.createElement(ha,null,e.createElement(R,{control:m,name:"head",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(_t,{label:`${l("babyGrowth.headCircumference")} ${l("babyGrowth.cm")}`,name:"head",size:"md",value:String(a),CustomInput:e.createElement(S,{className:w||(null==i?void 0:i.message)?"error-input":"",name:"head",size:"md",value:String(a),onChange:t,type:"number",placeholder:"Nhập thông tin",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),e.createElement(R,{control:m,name:"bmi",render:({field:{value:t}})=>e.createElement(pa,null,e.createElement(_t,{label:`${l("babyGrowth.input.bmi")} ${l("babyGrowth.kg.m2")}`,name:"date",size:"md",value:String(t),CustomInput:e.createElement(S,{name:"bmi",size:"md",type:"number",value:String(t),isDisabled:!0,style:{color:"#9495A0"}})}))})),e.createElement(R,{control:m,name:"measurementDate",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(_t,{label:l("babyGrowth.input.measurementDate"),name:"date",size:"md",value:qt(a),CustomInput:e.createElement(pe,{placeholder:a&&T(a).format(j),pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",onChange:t,disabledDays:{after:new Date},customInput:o=>e.createElement(S,Object.assign({className:(null==i?void 0:i.message)&&"error-input",name:"measurementDate",size:"md",placeholder:a&&T(a).format(j),onChange:t},o,{value:a&&T(a).format(j)}))}),actionIcon:e.createElement(d.CalendarMB,{size:32})}))}),e.createElement(U,{size:"lg",type:"submit",variant:s?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":k},l("babyGrowth.input.submit"))):e.createElement(e.Fragment,null,e.createElement(R,{control:m,name:"birthday",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(ma,{size:"label1",htmlFor:"birthday"},e.createElement(c,{as:"label",size:"s4",weight:"semiBold"},l("babyGrowth.input.birthday"))),e.createElement(pe,{onChange:t,placeholder:"dd/mm/yyyy",pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:o=>e.createElement(S,Object.assign({onChange:t,className:(null==i?void 0:i.message)?"error-input":"",name:"birthday",size:"md",actionIcon:e.createElement(d.Calendar,null)},o,{value:a&&T(a).format(j)}))}))}),e.createElement(ha,null,e.createElement(R,{control:m,name:"height",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(ma,{size:"label1",htmlFor:"height"},e.createElement(c,{size:"s4",weight:"semiBold"},l("babyGrowth.height")),e.createElement(c,{as:"span",size:"n1",color:M.colors.gray400},l("babyGrowth.cm"))),e.createElement(S,{className:w||(null==i?void 0:i.message)?"error-input":"",name:"height",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),e.createElement(R,{control:m,name:"weight",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(ma,{size:"label1",htmlFor:"weight"},e.createElement(c,{size:"s4",weight:"semiBold"},l("babyGrowth.weight")),e.createElement(c,{as:"span",size:"n1",color:M.colors.gray400},l("babyGrowth.kg"))),e.createElement(S,{className:w||(null==i?void 0:i.message)?"error-input":"",name:"weight",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))})),e.createElement(ha,null,e.createElement(R,{control:m,name:"head",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(ma,{size:"label1",htmlFor:"head"},e.createElement(c,{size:"s4",weight:"semiBold"},l("babyGrowth.headCircumference")),e.createElement(c,{as:"span",size:"n1",color:M.colors.gray400},l("babyGrowth.cm"))),e.createElement(S,{className:w||(null==i?void 0:i.message)?"error-input":"",name:"head",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),e.createElement(R,{control:m,name:"bmi",render:({field:{value:t}})=>e.createElement(pa,null,e.createElement(ma,{size:"label1",htmlFor:"bmi"},e.createElement(c,{size:"s4",weight:"semiBold"},l("babyGrowth.input.bmi")),e.createElement(c,{as:"span",size:"n1",color:M.colors.gray400},l("babyGrowth.kg.m2"))),e.createElement(S,{name:"bmi",size:"md",type:"number",value:String(t),isDisabled:!0}))})),e.createElement(R,{control:m,name:"measurementDate",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(ma,{size:"label1",htmlFor:"measurementDate"},e.createElement(c,{as:"label",size:"s4",weight:"semiBold"},l("babyGrowth.input.measurementDate"))),e.createElement(pe,{placeholder:a&&T(a).format(j),pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",onChange:t,disabledDays:{after:new Date},customInput:o=>e.createElement(S,Object.assign({className:(null==i?void 0:i.message)&&"error-input",name:"measurementDate",size:"md",placeholder:a&&T(a).format(j),onChange:t,actionIcon:e.createElement(d.Calendar,null)},o,{value:a&&T(a).format(j)}))}))}),e.createElement(U,{size:"lg",type:"submit",variant:s?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":k},l("babyGrowth.input.submit"))))))}))`
+`,ba=k((({onSubmit:t,onError:a,schema:i,siteType:r})=>{const{t:l}=p(),s="mb"===b().other.template,{control:m,setValue:g,watch:h,handleSubmit:u,formState:{isSubmitted:x}}=H({resolver:F(i),mode:"onSubmit",defaultValues:{name:"",gender:C.Boy,measurementDate:new Date}}),f=h("weight"),y=h("height"),w=h("head"),k=n((()=>x&&!f&&!y&&!w),[x,f,y,w]);o((()=>{const e=ha(y,f);g("bmi",String(e)||"0")}),[f,y]);const E=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(e.Fragment,null,e.createElement(da,{"data-theme":r},e.createElement(ca,{onSubmit:u(t,a)},e.createElement(R,{control:m,name:"gender",render:({field:{onChange:t,value:a}})=>e.createElement(G,{onChange:t,value:a,siteType:r})}),"marryBaby"===r?e.createElement(e.Fragment,null,e.createElement(R,{control:m,name:"birthday",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(_t,{label:l("babyGrowth.input.birthday"),name:"birthday",size:"md",value:String(a),CustomInput:e.createElement(pe,{onChange:t,placeholder:"dd/mm/yyyy",pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:o=>e.createElement(O,Object.assign({onChange:t,className:(null==i?void 0:i.message)?"error-input":"",name:"birthday",size:"md"},o,{value:a&&v(a).format(A)}))}),actionIcon:e.createElement(d.CalendarMB,{size:32})}))}),e.createElement(ga,null,e.createElement(R,{control:m,name:"height",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(_t,{label:`${l("babyGrowth.height")} ${l("babyGrowth.cm")}`,name:"height",size:"md",value:String(a),CustomInput:e.createElement(O,{className:k||(null==i?void 0:i.message)?"error-input":"",name:"height",size:"md",placeholder:"Nhập thông tin",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),e.createElement(R,{control:m,name:"weight",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(_t,{label:`${l("babyGrowth.weight")} ${l("babyGrowth.kg")}`,name:"weight",size:"md",value:String(a),CustomInput:e.createElement(O,{className:k||(null==i?void 0:i.message)?"error-input":"",name:"weight",size:"md",placeholder:"Nhập thông tin",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))})),e.createElement(ga,null,e.createElement(R,{control:m,name:"head",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(_t,{label:`${l("babyGrowth.headCircumference")} ${l("babyGrowth.cm")}`,name:"head",size:"md",value:String(a),CustomInput:e.createElement(O,{className:k||(null==i?void 0:i.message)?"error-input":"",name:"head",size:"md",value:String(a),onChange:t,type:"number",placeholder:"Nhập thông tin",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),e.createElement(R,{control:m,name:"bmi",render:({field:{value:t}})=>e.createElement(pa,null,e.createElement(_t,{label:`${l("babyGrowth.input.bmi")} ${l("babyGrowth.kg.m2")}`,name:"date",size:"md",value:String(t),CustomInput:e.createElement(O,{name:"bmi",size:"md",type:"number",value:String(t),isDisabled:!0,style:{color:"#9495A0"}})}))})),e.createElement(R,{control:m,name:"measurementDate",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(_t,{label:l("babyGrowth.input.measurementDate"),name:"date",size:"md",value:qt(a),CustomInput:e.createElement(pe,{placeholder:a&&v(a).format(A),pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",onChange:t,disabledDays:{after:new Date},customInput:o=>e.createElement(O,Object.assign({className:(null==i?void 0:i.message)&&"error-input",name:"measurementDate",size:"md",placeholder:a&&v(a).format(A),onChange:t},o,{value:a&&v(a).format(A)}))}),actionIcon:e.createElement(d.CalendarMB,{size:32})}))}),e.createElement(U,{size:"lg",type:"submit",variant:s?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":E},l("babyGrowth.input.submit"))):e.createElement(e.Fragment,null,e.createElement(R,{control:m,name:"birthday",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(ma,{size:"label1",htmlFor:"birthday"},e.createElement(c,{as:"label",size:"s4",weight:"semiBold"},l("babyGrowth.input.birthday"))),e.createElement(pe,{onChange:t,placeholder:"dd/mm/yyyy",pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:o=>e.createElement(O,Object.assign({onChange:t,className:(null==i?void 0:i.message)?"error-input":"",name:"birthday",size:"md",actionIcon:e.createElement(d.Calendar,null)},o,{value:a&&v(a).format(A)}))}))}),e.createElement(ga,null,e.createElement(R,{control:m,name:"height",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(ma,{size:"label1",htmlFor:"height"},e.createElement(c,{size:"s4",weight:"semiBold"},l("babyGrowth.height")),e.createElement(c,{as:"span",size:"n1",color:D.colors.gray400},l("babyGrowth.cm"))),e.createElement(O,{className:k||(null==i?void 0:i.message)?"error-input":"",name:"height",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),e.createElement(R,{control:m,name:"weight",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(ma,{size:"label1",htmlFor:"weight"},e.createElement(c,{size:"s4",weight:"semiBold"},l("babyGrowth.weight")),e.createElement(c,{as:"span",size:"n1",color:D.colors.gray400},l("babyGrowth.kg"))),e.createElement(O,{className:k||(null==i?void 0:i.message)?"error-input":"",name:"weight",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))})),e.createElement(ga,null,e.createElement(R,{control:m,name:"head",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(ma,{size:"label1",htmlFor:"head"},e.createElement(c,{size:"s4",weight:"semiBold"},l("babyGrowth.headCircumference")),e.createElement(c,{as:"span",size:"n1",color:D.colors.gray400},l("babyGrowth.cm"))),e.createElement(O,{className:k||(null==i?void 0:i.message)?"error-input":"",name:"head",placeholder:"0",size:"md",value:String(a),onChange:t,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),e.createElement(R,{control:m,name:"bmi",render:({field:{value:t}})=>e.createElement(pa,null,e.createElement(ma,{size:"label1",htmlFor:"bmi"},e.createElement(c,{size:"s4",weight:"semiBold"},l("babyGrowth.input.bmi")),e.createElement(c,{as:"span",size:"n1",color:D.colors.gray400},l("babyGrowth.kg.m2"))),e.createElement(O,{name:"bmi",size:"md",type:"number",value:String(t),isDisabled:!0}))})),e.createElement(R,{control:m,name:"measurementDate",render:({field:{onChange:t,value:a},fieldState:{error:i}})=>e.createElement(pa,null,e.createElement(ma,{size:"label1",htmlFor:"measurementDate"},e.createElement(c,{as:"label",size:"s4",weight:"semiBold"},l("babyGrowth.input.measurementDate"))),e.createElement(pe,{placeholder:a&&v(a).format(A),pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",onChange:t,disabledDays:{after:new Date},customInput:o=>e.createElement(O,Object.assign({className:(null==i?void 0:i.message)&&"error-input",name:"measurementDate",size:"md",placeholder:a&&v(a).format(A),onChange:t,actionIcon:e.createElement(d.Calendar,null)},o,{value:a&&v(a).format(A)}))}))}),e.createElement(U,{size:"lg",type:"submit",variant:s?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":E},l("babyGrowth.input.submit"))))))}))`
   padding-block: 0;
-`;v(At)`
+`;k(At)`
   padding-inline: 20px;
 
   img.embedded-icon {
@@ -2625,7 +2623,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     align-self: center;
   }
 
-  ${E.mbDown} {
+  ${w.mbDown} {
     padding-inline: 0;
     img.embedded-icon {
       width: 125px;
@@ -2638,7 +2636,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       max-width: 200px;
     }
   }
-`;var xa=m(((e,t)=>{const{isMarryBaby:a,isSide:i,direction:o}=t;return{root:Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",display:"flex"},"auto"===o?{flexDirection:"row"}:{flexDirection:"column"===o?"column-reverse":"row"}),{gap:"8px",padding:"16px",borderRadius:a?"16px":"8px"}),!a&&{backgroundImage:`url(${_.getAssetPath("bgPattern/baby-poop.svg")})`,backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"}),{backgroundColor:a?e.colors.toneGreen.toString():e.colors[e.primaryColor][0],[e.fn.smallerThan("sm")]:Object.assign({},"auto"===o?{flexDirection:"column-reverse"}:{}),[e.fn.smallerThan("md")]:{borderRadius:a?"12px":"8px"},[e.fn.largerThan("md")]:{padding:"32px",gap:"20px"}}),inner:{display:"flex",gap:"16px",flexDirection:"column",flex:1},content:{display:"flex",flexDirection:"column",gap:"16px"},reviewText:{display:"flex",gap:"4px",a:{color:e.colors.gray[6],fontWeight:"bold","&:not(:hover)":{textDecoration:"none"}}},reviewTextIcon:{flexShrink:0,width:"16px",height:"16px",[e.fn.largerThan("sm")]:{marginTop:"2px"}},thumbnail:Object.assign(Object.assign({img:{objectFit:"contain",objectPosition:"bottom",width:"100%",height:"100%"}},"column"===o?{width:"80%",alignSelf:"center"}:"row"===o?{width:"40%"}:{}),{[e.fn.smallerThan("sm")]:Object.assign({},"auto"===o?{width:"80%",alignSelf:"center"}:{}),[e.fn.largerThan("sm")]:Object.assign({},"auto"===o?{width:"40%"}:{})}),action:{display:"flex",justifyContent:a?"center":"flex-start"},btn:{minWidth:a?"auto":"143px",width:i||a?"100%":"auto",[e.fn.smallerThan("md")]:{width:"100%"}},sponsorLogo:Object.assign(Object.assign({position:"absolute",top:0,height:40,objectFit:"contain",objectPosition:"top"},"column"===o?{left:"16px",height:40}:"row"===o?{height:50,right:"40px"}:{left:"16px",height:40}),{[e.fn.largerThan("sm")]:Object.assign({},"auto"===o?{height:50,right:"40px",left:"unset"}:{})})}}));const ya=v.div`
+`;var xa=m(((e,t)=>{const{isMarryBaby:a,isSide:i,direction:o}=t;return{root:Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",display:"flex"},"auto"===o?{flexDirection:"row"}:{flexDirection:"column"===o?"column-reverse":"row"}),{gap:"8px",padding:"16px",borderRadius:a?"16px":"8px"}),!a&&{backgroundImage:`url(${B.getAssetPath("bgPattern/baby-poop.svg")})`,backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"}),{backgroundColor:a?e.colors.toneGreen.toString():e.colors[e.primaryColor][0],[e.fn.smallerThan("sm")]:Object.assign({},"auto"===o?{flexDirection:"column-reverse"}:{}),[e.fn.smallerThan("md")]:{borderRadius:a?"12px":"8px"},[e.fn.largerThan("md")]:{padding:"32px",gap:"20px"}}),inner:{display:"flex",gap:"16px",flexDirection:"column",flex:1},content:{display:"flex",flexDirection:"column",gap:"16px"},reviewText:{display:"flex",gap:"4px",a:{color:e.colors.gray[6],fontWeight:"bold","&:not(:hover)":{textDecoration:"none"}}},reviewTextIcon:{flexShrink:0,width:"16px",height:"16px",[e.fn.largerThan("sm")]:{marginTop:"2px"}},thumbnail:Object.assign(Object.assign({img:{objectFit:"contain",objectPosition:"bottom",width:"100%",height:"100%"}},"column"===o?{width:"80%",alignSelf:"center"}:"row"===o?{width:"40%"}:{}),{[e.fn.smallerThan("sm")]:Object.assign({},"auto"===o?{width:"80%",alignSelf:"center"}:{}),[e.fn.largerThan("sm")]:Object.assign({},"auto"===o?{width:"40%"}:{})}),action:{display:"flex",justifyContent:a?"center":"flex-start"},btn:{minWidth:a?"auto":"143px",width:i||a?"100%":"auto",[e.fn.smallerThan("md")]:{width:"100%"}},sponsorLogo:Object.assign(Object.assign({position:"absolute",top:0,height:40,objectFit:"contain",objectPosition:"top"},"column"===o?{left:"16px",height:40}:"row"===o?{height:50,right:"40px"}:{left:"16px",height:40}),{[e.fn.largerThan("sm")]:Object.assign({},"auto"===o?{height:50,right:"40px",left:"unset"}:{})})}}));const fa=k.div`
   display: flex;
   width: 100%;
 
@@ -2649,12 +2647,12 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   &[data-direction='horizontal'] {
     flex-wrap: wrap;
   }
-`,fa=v.div`
+`,ya=k.div`
   display: flex;
 
   padding: 8px;
 
-  border-radius: ${e=>e.theme.borderRadius};
+  border-radius: ${D.borderRadius};
   cursor: pointer;
 
   & > div {
@@ -2695,13 +2693,13 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     height: 36px;
     object-fit: contain;
   }
-`,va=v(U)`
+`,va=k(U)`
   margin: 0 auto 24px;
   width: 100%;
-  ${E.mbUp} {
+  ${w.mbUp} {
     max-width: 200px;
   }
-`,wa=v.div``,ka=v.div`
+`,wa=k.div``,ka=k.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
@@ -2723,8 +2721,8 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       font-size: 12px;
     }
   }
-`,Ea=v.div`
-  ${E.mbUp} {
+`,Ea=k.div`
+  ${w.mbUp} {
     display: flex;
     width: 100%;
     align-items: flex-start;
@@ -2736,26 +2734,26 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     }
   }
 
-  ${E.mbDown} {
+  ${w.mbDown} {
     display: flex;
     flex-direction: column;
     gap: 16px;
     margin-bottom: 8px;
   }
   &[data-is-side='true'] {
-    ${E.mbUp} {
+    ${w.mbUp} {
       display: flex;
       flex-direction: column-reverse;
       gap: 0px;
     }
   }
-`,$a=v(U)`
+`,$a=k(U)`
   margin: 0 auto 24px;
-  ${E.mbUp} {
+  ${w.mbUp} {
     max-width: 200px;
     margin: 24px auto;
   }
-`,Da=v.div``,Ca=v.div`
+`,Da=k.div``,Ca=k.div`
   margin-bottom: 1rem;
   display: flex;
   flex-direction: column;
@@ -2782,8 +2780,8 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       font-size: 12px;
     }
   }
-`,za=v.div`
-  ${E.mbUp} {
+`,za=k.div`
+  ${w.mbUp} {
     display: flex;
     width: 100%;
     align-items: flex-start;
@@ -2793,23 +2791,23 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       width: 100%;
     }
     &[data-is-side='true'] {
-      ${E.mbUp} {
+      ${w.mbUp} {
         display: flex;
         flex-direction: column;
         gap: 0px;
       }
     }
   }
-  ${E.mbDown} {
+  ${w.mbDown} {
     display: flex;
     flex-direction: column;
     gap: 0px;
   }
-`,Ba=({locale:t,onSubmit:a,isSide:o,siteType:r})=>{const{t:l}=p(),[s,m]=i(new Date),[h,g]=i(28),[u,b]=i(7),x={cycle:h,periodDateStart:s,periodLength:u},y=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(e.Fragment,null,e.createElement(Ft,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?e.createElement(_t,{label:l("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:qt(s),CustomInput:e.createElement(pe,{onChange:e=>{m(e)},placeholder:"dd/mm/yyyy",pickedDate:s,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:Z(new Date,-45),after:new Date},customInput:t=>e.createElement(S,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:s&&T(s).format(j)}))}),actionIcon:e.createElement(d.CalendarMB,{size:32})}):e.createElement(S,{label:e.createElement(c,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},l("dueDatePage.lastPeriod.lastPeriodLabel")),value:qt(s),size:"md",name:"date",className:"due-date-input",CustomInput:e.createElement(pe,{customInput:t=>e.createElement("input",Object.assign({},t,{type:"date",className:"due-date-input",value:qt(s)})),locale:t,pickedDate:s,displayDateFormat:K,onChange:e=>{m(e)},disabledDays:{before:Z(new Date,-45),after:new Date},placeholder:"Chọn ngày"})})),e.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===r?"marryBaby":"","data-is-side":o},"marryBaby"===r?e.createElement(J,{type:"bodytext-3",color:M.mbColors.midGray},l("ovulationPage.cycleLength")):e.createElement(c,{size:"s4",weight:"semiBold",color:"#595959"},l("ovulationPage.cycleLength")+" ",e.createElement("span",{style:{minHeight:"36px"}},l("ovulationPage.dayUnit"))),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&e.createElement(c,{size:"s3",weight:"semiBold",color:M.colors.gray600},h),e.createElement(X,{containerStyle:{flex:1},min:21,max:45,step:1,value:h,onChange:g,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,label:"marryBaby"!==r?void 0:null}))),e.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===r?"marryBaby":"","data-is-side":o},"marryBaby"===r?e.createElement(J,{type:"bodytext-3",color:M.mbColors.midGray},l("ovulationPage.periodDuration")):e.createElement(c,{size:"s4",weight:"semiBold",color:"#595959"},l("ovulationPage.periodDuration")+" ",e.createElement(c,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},l("ovulationPage.dayUnit"))),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&e.createElement(c,{size:"s3",weight:"semiBold",color:M.colors.gray600},u),e.createElement(X,{containerStyle:{flex:1},min:1,max:15,step:1,value:u,onChange:b,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,label:"marryBaby"!==r?void 0:null}))),e.createElement("div",{style:{width:"100%",display:"flex"}},e.createElement(U,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===r?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:y,onClick:()=>{localStorage.setItem("ovulationInfo",JSON.stringify(x)),a&&a({startDate:s,cycle:h,periodLength:u})},role:"button"},l("dueDatePage.lastPeriod.calculate"))))};var Pa;!function(e){e[e.trackPeriod=0]="trackPeriod",e[e.conceive=1]="conceive",e[e.avoidPregnancy=2]="avoidPregnancy"}(Pa||(Pa={}));const Na=({locale:t,onSubmitOvulation:a,isSide:o,siteType:r})=>{const{t:n}=p(),[l,s]=i(Pa.trackPeriod),d=[{label:n("ovulationPage.trackPeriod"),value:Pa.trackPeriod},{label:n("ovulationPage.conceive"),value:Pa.conceive},{label:n("ovulationPage.avoidPregnancy"),value:Pa.avoidPregnancy}];return e.createElement(Jt,null,e.createElement(Lt,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?e.createElement(Ot,{groupedWithLabel:n("dueDatePage.calculationMethod"),options:d,placeholder:n("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:d[l],onChange:e=>{s(e.value)}}):e.createElement(e.Fragment,null,e.createElement(c,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},n("ovulationPage.objectives")),e.createElement(Ut,{"data-is-side":o},e.createElement(q,{options:d,placeholder:n("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"md",value:d[l],onChange:e=>{s(e.value)}})))),e.createElement(Ba,{siteType:r,locale:t,onSubmit:({startDate:e,cycle:t,periodLength:i})=>{a&&a({method:l,periodDateStart:e,cycle:t,periodLength:i})},isSide:o}))},ja=v.div`
+`,Ba=({locale:t,onSubmit:a,isSide:o,siteType:r})=>{const{t:l}=p(),[s,m]=i(new Date),[g,h]=i(28),[u,b]=i(7),x={cycle:g,periodDateStart:s,periodLength:u},f=n((()=>"undefined"!=typeof window?window.location.href:""),[]);return e.createElement(e.Fragment,null,e.createElement(Ft,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?e.createElement(_t,{label:l("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:qt(s),CustomInput:e.createElement(pe,{onChange:e=>{m(e)},placeholder:"dd/mm/yyyy",pickedDate:s,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:Z(new Date,-45),after:new Date},customInput:t=>e.createElement(O,Object.assign({className:"due-date-input",name:"birthday",size:"md"},t,{value:s&&v(s).format(A)}))}),actionIcon:e.createElement(d.CalendarMB,{size:32})}):e.createElement(O,{label:e.createElement(c,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},l("dueDatePage.lastPeriod.lastPeriodLabel")),value:qt(s),size:"md",name:"date",className:"due-date-input",CustomInput:e.createElement(pe,{customInput:t=>e.createElement("input",Object.assign({},t,{type:"date",className:"due-date-input",value:qt(s)})),locale:t,pickedDate:s,displayDateFormat:K,onChange:e=>{m(e)},disabledDays:{before:Z(new Date,-45),after:new Date},placeholder:"Chọn ngày"})})),e.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===r?"marryBaby":"","data-is-side":o},"marryBaby"===r?e.createElement(J,{type:"bodytext-3",color:D.mbColors.midGray},l("ovulationPage.cycleLength")):e.createElement(c,{size:"s4",weight:"semiBold",color:"#595959"},l("ovulationPage.cycleLength")+" ",e.createElement("span",{style:{minHeight:"36px"}},l("ovulationPage.dayUnit"))),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&e.createElement(c,{size:"s3",weight:"semiBold",color:D.colors.gray600},g),e.createElement(X,{containerStyle:{flex:1},min:21,max:45,step:1,value:g,onChange:h,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,label:"marryBaby"!==r?void 0:null}))),e.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===r?"marryBaby":"","data-is-side":o},"marryBaby"===r?e.createElement(J,{type:"bodytext-3",color:D.mbColors.midGray},l("ovulationPage.periodDuration")):e.createElement(c,{size:"s4",weight:"semiBold",color:"#595959"},l("ovulationPage.periodDuration")+" ",e.createElement(c,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},l("ovulationPage.dayUnit"))),e.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&e.createElement(c,{size:"s3",weight:"semiBold",color:D.colors.gray600},u),e.createElement(X,{containerStyle:{flex:1},min:1,max:15,step:1,value:u,onChange:b,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,label:"marryBaby"!==r?void 0:null}))),e.createElement("div",{style:{width:"100%",display:"flex"}},e.createElement(U,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===r?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:f,onClick:()=>{localStorage.setItem("ovulationInfo",JSON.stringify(x)),a&&a({startDate:s,cycle:g,periodLength:u})},role:"button"},l("dueDatePage.lastPeriod.calculate"))))};var Pa;!function(e){e[e.trackPeriod=0]="trackPeriod",e[e.conceive=1]="conceive",e[e.avoidPregnancy=2]="avoidPregnancy"}(Pa||(Pa={}));const Na=({locale:t,onSubmitOvulation:a,isSide:o,siteType:r})=>{const{t:n}=p(),[l,s]=i(Pa.trackPeriod),d=[{label:n("ovulationPage.trackPeriod"),value:Pa.trackPeriod},{label:n("ovulationPage.conceive"),value:Pa.conceive},{label:n("ovulationPage.avoidPregnancy"),value:Pa.avoidPregnancy}];return e.createElement(Jt,null,e.createElement(Lt,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?e.createElement(Ot,{groupedWithLabel:n("dueDatePage.calculationMethod"),options:d,placeholder:n("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:d[l],onChange:e=>{s(e.value)}}):e.createElement(e.Fragment,null,e.createElement(c,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},n("ovulationPage.objectives")),e.createElement(Ut,{"data-is-side":o},e.createElement(q,{options:d,placeholder:n("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"md",value:d[l],onChange:e=>{s(e.value)}})))),e.createElement(Ba,{siteType:r,locale:t,onSubmit:({startDate:e,cycle:t,periodLength:i})=>{a&&a({method:l,periodDateStart:e,cycle:t,periodLength:i})},isSide:o}))},ja=k.div`
   flex: 1;
-`,Sa=v.div`
+`,Sa=k.div`
   padding: 0 10px;
-`,Ia=v.div`
+`,Ia=k.div`
   display: flex;
   height: 80px;
   align-items: center;
@@ -2821,29 +2819,29 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       margin-left: 5px;
     }
   }
-  ${E.mbDown} {
+  ${w.mbDown} {
     height: 70px;
   }
-`,Ta=v.div`
+`,Ta=k.div`
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   row-gap: 2px;
-`,Ma=v(Ta)`
+`,Ma=k(Ta)`
   margin-bottom: 8px;
-`;v.div`
+`;k.div`
   height: 40px;
   width: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
-`;const Aa=v.div`
+`;const Aa=k.div`
   font-size: 14px;
   display: flex;
   justify-content: center;
   align-items: center;
-  color: 1px solid ${e=>e.theme.colors.gray800};
+  color: 1px solid ${D.colors.gray800};
   font-weight: 300;
-`,Oa=v.div`
+`,Oa=k.div`
   width: 18px;
   position: relative;
   &::before {
@@ -2853,33 +2851,33 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     width: 1px;
     left: 50%;
     right: 50%;
-    background: ${e=>e.theme.colors.neutral100};
+    background: ${D.colors.neutral100};
   }
-`,_a=v.div`
+`,_a=k.div`
   margin: 0 auto;
-`,La=v.div`
+`,La=k.div`
   position: relative;
-`,Ua=v(Ta)``,Fa=v.div`
+`,Ua=Ta,Fa=k.div`
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 34px;
-  ${E.mbUp} {
+  ${w.mbUp} {
     height: 38px;
   }
   &[data-is-disabled='true'] {
     opacity: 0.3;
   }
   &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {
-    background-color: ${e=>e.theme.colors.gray100};
+    background-color: ${D.colors.gray100};
   }
   &:before {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
-    background-color: ${e=>e.theme.colors.gray100};
+    background-color: ${D.colors.gray100};
   }
   &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {
     background-color: transparent;
@@ -2899,14 +2897,14 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       right: 50%;
     }
   }
-`,Ha=v.div`
+`,Ha=k.div`
   position: relative;
   font-weight: 600;
-  ${E.mbDown} {
+  ${w.mbDown} {
     width: 32px;
     height: 32px;
   }
-  ${E.mbUp} {
+  ${w.mbUp} {
     width: 36px;
     height: 36px;
   }
@@ -2918,25 +2916,25 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     cursor: not-allowed;
   }
   line-height: 1;
-  color: 1px solid ${e=>e.theme.colors.gray800};
+  color: 1px solid ${D.colors.gray800};
   [data-is-selected='true'] &,
   [data-is-today='true'] &,
   [data-is-selected='false']:hover & {
     border-radius: 32px;
   }
   [data-is-selected='true'] & {
-    background-color: ${e=>e.theme.colors.primaryBase};
+    background-color: ${D.colors.primaryBase};
     color: white;
   }
   [data-is-selected='false']:hover & {
-    background-color: ${e=>e.theme.colors.primary50};
+    background-color: ${D.colors.primary50};
   }
   [data-is-today='true'][data-is-selected='false'] & {
     background-color: transparent;
     border-radius: 32px;
-    border: 1px solid ${e=>e.theme.colors.primaryBase};
+    border: 1px solid ${D.colors.primaryBase};
   }
-`,Ra=v.div`
+`,Ra=k.div`
   display: block;
   position: relative;
   width: 270px;
@@ -2944,29 +2942,29 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     pointer-events: none;
     caret-color: transparent;
   }
-  ${E.mbDown} {
+  ${w.mbDown} {
     width: 100%;
   }
-`,Ga=v.div`
+`,Ga=k.div`
   display: flex;
   position: absolute;
   top: 46px;
   left: 0;
   width: 684px;
-  border: 1px solid ${e=>e.theme.colors.gray200};
+  border: 1px solid ${D.colors.gray200};
   filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))
     drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))
     drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));
-  border-radius: ${e=>e.theme.borderRadius};
+  border-radius: ${D.borderRadius};
   background-color: white;
   z-index: 100;
   padding-bottom: 16px;
   align-items: stretch;
   user-select: none;
-  ${E.mbDown} {
+  ${w.mbDown} {
     width: 100%;
   }
-`,Wa=v.div`
+`,Wa=k.div`
   display: flex;
   gap: 20px;
   width: 100%;
@@ -2987,7 +2985,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       padding: 8px;
 
       &:hover {
-        background-color: ${e=>e.theme.colors.neutral50};
+        background-color: ${D.colors.neutral50};
       }
 
       svg {
@@ -2997,7 +2995,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       }
     }
   }
-`,Va=v(W)`
+`,Va=k(W)`
   padding-bottom: 24px;
   .share-container {
     display: flex;
@@ -3019,7 +3017,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     button {
       padding: 10px;
       &:hover {
-        background-color: ${e=>e.theme.colors.neutral50};
+        background-color: ${D.colors.neutral50};
       }
     }
     svg {
@@ -3031,7 +3029,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
       height: 32px;
     }
   }
-`,qa=v.div`
+`,qa=k.div`
   position: fixed;
   z-index: 48;
   bottom: 0;
@@ -3064,7 +3062,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     opacity: 1;
     pointer-events: auto;
   }
-`,Ya=v.div`
+`,Ya=k.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -3075,8 +3073,8 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   margin-inline: auto;
   /* margin: 1rem auto; */
   &[data-no-wrapper='false'] {
-    border: 1px solid ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}};
-    background: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}};
+    border: 1px solid ${D.colors.neutral50};
+    background: ${D.colors.neutral50};
   }
   &[data-no-wrapper='true'] {
     line-height: 0;
@@ -3086,8 +3084,7 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     background: none;
     border: none;
   }
-`,Za=v.div`
-  /* background: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}}; */
+`,Za=k.div`
   width: 100%;
   padding: 0 5px 1.5px;
   display: flex;
@@ -3102,17 +3099,17 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
     max-height: 12px;
   }
   &[data-header-bottom='true'] {
-    background: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.neutral50}};
+    background: ${D.colors.neutral50};
   }
   span {
     font-size: 10px;
     line-height: 12px;
-    color: ${e=>{var t;return null===(t=e.theme)||void 0===t?void 0:t.colors.gray400}};
+    color: ${D.colors.gray400};
     font-weight: 400;
   }
-`,Xa=v.div`
+`,Xa=k.div`
   background-color: white;
-  background-image: url(${_.getAssetPath("close-blue.svg")});
+  background-image: url(${B.getAssetPath("close-blue.svg")});
   background-repeat: no-repeat;
   background-size: 10px;
   background-position: center;
@@ -3122,4 +3119,4 @@ import e,{memo as t,useRef as a,useState as i,useEffect as o,useImperativeHandle
   top: 1px;
   right: 1px;
   cursor: pointer;
-`,Ja={},Ka=e=>{if(Ja[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([Ja[e]]),delete Ja[e]}))}},Qa=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],ei=t(l((function({className:t,adUnitPath:r,size:n,divId:l,pos:s,sizeMapping:d,contentId:c,isHidden:m,hideIfHasSubot:h,isSticky:g,refreshInterval:u,customTargetings:b,style:x,adDefaultSize:y,noWrapper:v,showCloseBtn:w,onCloseAd:k,headerBottom:E,wrapperProps:$,locale:D,isMarryBaby:C},z){const B=u||(D===O.Vietnam&&s.some((e=>Qa.includes(e)))?30:void 0),{t:P}=p(),N=a(null),j=a(null),S=a(B);S.current=B;const[I,T]=i(!1),M=()=>{S.current&&(null!==j.current&&clearInterval(j.current),j.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){Ja[l]&&e.pubads().refresh([Ja[l]])}))}),1e3*S.current))};if(o((()=>()=>{Ka(l),j.current&&clearInterval(j.current)}),[]),o((()=>{M()}),[B]),o((()=>{m||(({contentId:e,adUnitPath:t,size:a,divId:i,pos:o,sizeMapping:r,hideIfHasSubot:n,customTargetings:l,onSuccess:s})=>{if(!i||!document.getElementById(i))return console.error("divId is required");Ka(i),window.googletag=window.googletag||{cmd:[]};const{googletag:d}=window;d.cmd.push((function(){const c=document.querySelector('meta[name="content_id"]'),p="string"==typeof e?e:null==c?void 0:c.content,m=d.defineSlot(t,a,i);if(m){try{l&&Object.keys(l).forEach((e=>{e&&(null==m||m.setTargeting(e,l[e]))}))}catch(e){console.error(e)}Ja[i]=m,m.setTargeting("Pos",o),m.addService(d.pubads()),p&&m.setTargeting("Content_ID",p),r&&m.defineSizeMapping(r),n&&document.getElementById("subot--container")&&m.setTargeting("chatbot",!0),d.display(i),null==s||s()}}))})({contentId:c,adUnitPath:r,size:n,divId:l,pos:s,sizeMapping:d,hideIfHasSubot:h,customTargetings:b,onSuccess:M})}),[m]),I)return null;const A=e.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},e.createElement("div",{ref:z,id:l}),w&&e.createElement(Xa,{onClick:()=>{null==k||k(),T(!0)}}));if(g)return A;const L=y?y[0]:n?Array.isArray(n[0])?n[0][0]:n[0]:void 0,U=y?y[1]:n?Array.isArray(n[0])?n[0][1]:n[1]:void 0;return e.createElement(f,Object.assign({},$,{className:t}),e.createElement(Ya,{ref:N,className:t,style:x,"data-no-wrapper":!!v,"data-header-bottom":!!E},v?A:e.createElement(e.Fragment,null,e.createElement(Za,{"data-header-bottom":!!E},e.createElement("img",{src:C?_.getAssetPath("adsIcon-mb.svg"):_.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),e.createElement("span",null,P("adBanner.title"))),e.createElement("div",{style:{minWidth:L||"100%",minHeight:U||"100%",position:"relative"}},A))))})),((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),ti=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:_.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:_.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:_.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var ai;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(ai||(ai={}));const ii={DUE_DATE:ai.DUE_DATE,BMI:ai.BMI,BMR:ai.BMR,OVULATION:ai.OVULATION,IFRAME:ai.IFRAME,PWG:ai.PWG,THR:ai.THR,BABY_VACCINE:ai.BABY_VACCINE,BABY_GROWTH:ai.BABY_GROWTH,BABY_POOP:ai.BABY_POOP},oi={[ii.DUE_DATE]:_.getAssetPath("health-tools/due-date-icon.svg")};var ri,ni,li,si;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(ri||(ri={})),function(e){e.Option="option"}(ni||(ni={})),function(e){e.Button="button",e.Checkbox="checkbox"}(li||(li={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(si||(si={}));const di={pregnancy:ri.Pregnant,parenting:ri.Parenting},ci={[ri.Pregnant]:"pregnant",[ri.Parenting]:"parent"},pi=s({});var mi=m((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:y(32),padding:`${y(6)} ${y(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const hi=s({}),gi=l((function(t,a){var{label:i}=t,o=I(t,["label"]);return e.createElement("div",Object.assign({ref:a},o),e.createElement(g,{noWrap:!0},e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),e.createElement(c,{size:"p3"},i)))})),ui=l((function(t,a){var{label:i}=t,o=I(t,["label"]);return e.createElement("div",Object.assign({ref:a},o),e.createElement(c,{size:"p3"},i))}));var bi="fVk18fq",xi="v8TCvUb",yi="mx7T4V3";const fi={myHealth:M.mbColors.toneYellow,myCommunity:M.mbColors.toneBlue,mySaved:M.mbColors.toneGreen},vi={helloSites:{myBooking:()=>_.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>_.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>_.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>_.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>_.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>_.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>_.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>_.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>_.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},wi=({type:t,themeName:a,className:i,onClick:o=(()=>{})})=>{const{t:r}=p(),l=n((()=>{var e,i;return(null===(i=null===(e=vi[a])||void 0===e?void 0:e[t])||void 0===i?void 0:i.call(e))||""}),[t,a]),s=n((()=>"marryBaby"!==a?"transparent":fi[t]),[t,a]);return e.createElement("div",{onClick:function(){o(t)},className:`${bi} ${i}`},e.createElement("div",{className:yi,style:{backgroundColor:s,backgroundImage:`url("${l}")`}}),e.createElement("h3",{className:xi},r(`userProfile.nav.card.${t}`)))};export{gt as $,ei as A,ie as B,_e as C,pe as D,Ue as E,Le as F,Fe as G,Re as H,We as I,Ze as J,qe as K,te as L,Bt as M,Je as N,Ke as O,Qe as P,tt as Q,De as R,nt as S,At as T,oe as U,st as V,dt as W,ct as X,pt as Y,ht as Z,lt as _,Se as a,ri as a$,ut as a0,mt as a1,bt as a2,xt as a3,yt as a4,ft as a5,vt as a6,wt as a7,Ft as a8,_t as a9,va as aA,Da as aB,Ca as aC,za as aD,$a as aE,Zt as aF,Na as aG,Yt as aH,ia as aI,Kt as aJ,Xt as aK,Oa as aL,ja as aM,Ia as aN,Sa as aO,Ma as aP,Aa as aQ,La as aR,_a as aS,Ua as aT,Fa as aU,Ha as aV,Ra as aW,Ga as aX,Wa as aY,Va as aZ,qa as a_,qt as aa,Wt as ab,Rt as ac,Vt as ad,Gt as ae,Ht as af,Jt as ag,Lt as ah,Ot as ai,Ut as aj,aa as ak,ta as al,na as am,la as an,sa as ao,ra as ap,oa as aq,ua as ar,ba as as,xa as at,ya as au,fa as av,wa as aw,Ea as ax,ka as ay,Qt as az,zt as b,si as b0,li as b1,ii as b2,pi as b3,mi as b4,oi as b5,hi as b6,gi as b7,ui as b8,ti as b9,wi as ba,di as c,ci as d,ae as e,ne as f,le as g,me as h,he as i,ye as j,fe as k,ue as l,be as m,ge as n,xe as o,ve as p,ke as q,we as r,Ee as s,$e as t,re as u,ze as v,Ne as w,Te as x,Ae as y,Oe as z};
+`,Ja={},Ka=e=>{if(Ja[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([Ja[e]]),delete Ja[e]}))}},Qa=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],ei=t(l((function({className:t,adUnitPath:r,size:n,divId:l,pos:s,sizeMapping:d,contentId:c,isHidden:m,hideIfHasSubot:g,isSticky:h,refreshInterval:u,customTargetings:b,style:x,adDefaultSize:f,noWrapper:v,showCloseBtn:w,onCloseAd:k,headerBottom:E,wrapperProps:$,locale:D,isMarryBaby:C},P){const N=u||(D===z.Vietnam&&s.some((e=>Qa.includes(e)))?30:void 0),{t:j}=p(),S=a(null),I=a(null),T=a(N);T.current=N;const[M,A]=i(!1),O=()=>{T.current&&(null!==I.current&&clearInterval(I.current),I.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){Ja[l]&&e.pubads().refresh([Ja[l]])}))}),1e3*T.current))};if(o((()=>()=>{Ka(l),I.current&&clearInterval(I.current)}),[]),o((()=>{O()}),[N]),o((()=>{m||(({contentId:e,adUnitPath:t,size:a,divId:i,pos:o,sizeMapping:r,hideIfHasSubot:n,customTargetings:l,onSuccess:s})=>{if(!i||!document.getElementById(i))return console.error("divId is required");Ka(i),window.googletag=window.googletag||{cmd:[]};const{googletag:d}=window;d.cmd.push((function(){const c=document.querySelector('meta[name="content_id"]'),p="string"==typeof e?e:null==c?void 0:c.content,m=d.defineSlot(t,a,i);if(m){try{l&&Object.keys(l).forEach((e=>{e&&(null==m||m.setTargeting(e,l[e]))}))}catch(e){console.error(e)}Ja[i]=m,m.setTargeting("Pos",o),m.addService(d.pubads()),p&&m.setTargeting("Content_ID",p),r&&m.defineSizeMapping(r),n&&document.getElementById("subot--container")&&m.setTargeting("chatbot",!0),d.display(i),null==s||s()}}))})({contentId:c,adUnitPath:r,size:n,divId:l,pos:s,sizeMapping:d,hideIfHasSubot:g,customTargetings:b,onSuccess:O})}),[m]),M)return null;const _=e.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},e.createElement("div",{ref:P,id:l}),w&&e.createElement(Xa,{onClick:()=>{null==k||k(),A(!0)}}));if(h)return _;const L=f?f[0]:n?Array.isArray(n[0])?n[0][0]:n[0]:void 0,U=f?f[1]:n?Array.isArray(n[0])?n[0][1]:n[1]:void 0;return e.createElement(y,Object.assign({},$,{className:t}),e.createElement(Ya,{ref:S,className:t,style:x,"data-no-wrapper":!!v,"data-header-bottom":!!E},v?_:e.createElement(e.Fragment,null,e.createElement(Za,{"data-header-bottom":!!E},e.createElement("img",{src:C?B.getAssetPath("adsIcon-mb.svg"):B.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),e.createElement("span",null,j("adBanner.title"))),e.createElement("div",{style:{minWidth:L||"100%",minHeight:U||"100%",position:"relative"}},_))))})),((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),ti=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:B.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:B.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:B.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var ai;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(ai||(ai={}));const ii={DUE_DATE:ai.DUE_DATE,BMI:ai.BMI,BMR:ai.BMR,OVULATION:ai.OVULATION,IFRAME:ai.IFRAME,PWG:ai.PWG,THR:ai.THR,BABY_VACCINE:ai.BABY_VACCINE,BABY_GROWTH:ai.BABY_GROWTH,BABY_POOP:ai.BABY_POOP},oi={[ii.DUE_DATE]:B.getAssetPath("health-tools/due-date-icon.svg")};var ri,ni,li,si;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(ri||(ri={})),function(e){e.Option="option"}(ni||(ni={})),function(e){e.Button="button",e.Checkbox="checkbox"}(li||(li={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(si||(si={}));const di={pregnancy:ri.Pregnant,parenting:ri.Parenting},ci={[ri.Pregnant]:"pregnant",[ri.Parenting]:"parent"},pi=s({});var mi=m((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:f(32),padding:`${f(6)} ${f(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const gi=s({}),hi=l((function(t,a){var{label:i}=t,o=_(t,["label"]);return e.createElement("div",Object.assign({ref:a},o),e.createElement(h,{noWrap:!0},e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),e.createElement(c,{size:"p3"},i)))})),ui=l((function(t,a){var{label:i}=t,o=_(t,["label"]);return e.createElement("div",Object.assign({ref:a},o),e.createElement(c,{size:"p3"},i))}));var bi="fVk18fq",xi="v8TCvUb",fi="mx7T4V3";const yi={myHealth:D.mbColors.toneYellow,myCommunity:D.mbColors.toneBlue,mySaved:D.mbColors.toneGreen},vi={helloSites:{myBooking:()=>B.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>B.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>B.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>B.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>B.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>B.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>B.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>B.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>B.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},wi=({type:t,themeName:a,className:i,onClick:o=(()=>{})})=>{const{t:r}=p(),l=n((()=>{var e,i;return(null===(i=null===(e=vi[a])||void 0===e?void 0:e[t])||void 0===i?void 0:i.call(e))||""}),[t,a]),s=n((()=>"marryBaby"!==a?"transparent":yi[t]),[t,a]);return e.createElement("div",{onClick:function(){o(t)},className:`${bi} ${i}`},e.createElement("div",{className:fi,style:{backgroundColor:s,backgroundImage:`url("${l}")`}}),e.createElement("h3",{className:xi},r(`userProfile.nav.card.${t}`)))};export{ht as $,ei as A,ie as B,_e as C,pe as D,Ue as E,Le as F,Fe as G,Re as H,We as I,Ze as J,qe as K,te as L,Bt as M,Je as N,Ke as O,Qe as P,tt as Q,De as R,nt as S,At as T,oe as U,st as V,dt as W,ct as X,pt as Y,gt as Z,lt as _,Se as a,ri as a$,ut as a0,mt as a1,bt as a2,xt as a3,ft as a4,yt as a5,vt as a6,wt as a7,Ft as a8,_t as a9,va as aA,Da as aB,Ca as aC,za as aD,$a as aE,Zt as aF,Na as aG,Yt as aH,ia as aI,Kt as aJ,Xt as aK,Oa as aL,ja as aM,Ia as aN,Sa as aO,Ma as aP,Aa as aQ,La as aR,_a as aS,Ua as aT,Fa as aU,Ha as aV,Ra as aW,Ga as aX,Wa as aY,Va as aZ,qa as a_,qt as aa,Wt as ab,Rt as ac,Vt as ad,Gt as ae,Ht as af,Jt as ag,Lt as ah,Ot as ai,Ut as aj,aa as ak,ta as al,na as am,la as an,sa as ao,ra as ap,oa as aq,ua as ar,ba as as,xa as at,fa as au,ya as av,wa as aw,Ea as ax,ka as ay,Qt as az,zt as b,si as b0,li as b1,ii as b2,pi as b3,mi as b4,oi as b5,gi as b6,hi as b7,ui as b8,ti as b9,wi as ba,di as c,ci as d,ae as e,ne as f,le as g,me as h,ge as i,fe as j,ye as k,ue as l,be as m,he as n,xe as o,ve as p,ke as q,we as r,Ee as s,$e as t,re as u,ze as v,Ne as w,Te as x,Ae as y,Oe as z};