@hhgtech/hhg-components 1.26.23 → 1.26.25

package/build/esm/{index-43a233bf.js → index-3ac4ba1d.js}

@@ -1,4 +1,4 @@
-import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as i}from"@mantine/core";import{t as l,M as n}from"./utils-90feef39.js";import{ae as r,af as s,ag as d,ah as c,ai as m,aj as p,C as h}from"./index.styled-eb259738.js";import{T as u}from"./index-07f76cbd.js";import b from"styled-components";import{u as g}from"./useTranslations-49cbcfc1.js";import{G as x}from"./Onboarding-850d6b59.js";import{I as y}from"./index-2de33f49.js";import{M as f,a as C}from"./index-557c9253.js";import{t as v}from"./theme-aa4704d9.js";const w=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),E=({children:o,title:n,onClose:r,open:m=!1,placement:p="left",destroyOnClose:h=!1,className:b})=>{const g=t();a((()=>(l(m),()=>l(!1))),[m]);const x=()=>{g.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&h?null:e.createElement(i,null,e.createElement(s,{className:b,open:m},e.createElement(w,{open:m,onClickOutside:x}),e.createElement(d,{open:m,placement:p,ref:g,hasTitle:Boolean(n)},e.createElement("div",{className:"title"},n&&e.createElement(u,{size:"s2",type:"semiBold"},n),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:x},e.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),e.createElement(c,{onClick:e=>e.stopPropagation()},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:x}):null)))))},$=({value:t,options:a,className:i,direction:l="horizontal",onChange:n,isDisabled:r,siteType:s})=>{const[d,c]=o(t),h="marryBaby"===s;return e.createElement(m,{className:i,"data-direction":l},a.map(((a,o)=>e.createElement(p,{"data-selected":(t||d)===a.value,"data-is-mb":h,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(c(e),n&&n(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,h?e.createElement(f,{type:"subtitle-2",color:(t||d)===a.value?v.mbColors.dark:v.mbColors.midGray},a.label):e.createElement(u,{type:"bold",color:(t||d)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},k="hhgcomp-modal-modal",B=h(b.div`
+import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as i}from"@mantine/core";import{t as l,M as n}from"./utils-e2c1f94f.js";import{ak as r,al as s,am as d,an as m,ao as c,ap as p,C as h}from"./index.styled-f6e03331.js";import{T as u}from"./index-001b21a1.js";import b from"styled-components";import{u as g}from"./useTranslations-8b370b33.js";import{G as x}from"./Onboarding-f584f764.js";import{I as y}from"./index-c2df4754.js";import{M as f,a as C}from"./index-c68a9a4d.js";import{t as v}from"./theme-2ab426d7.js";const w=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),E=({children:o,title:n,onClose:r,open:c=!1,placement:p="left",destroyOnClose:h=!1,className:b})=>{const g=t();a((()=>(l(c),()=>l(!1))),[c]);const x=()=>{g.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!c&&h?null:e.createElement(i,null,e.createElement(s,{className:b,open:c},e.createElement(w,{open:c,onClickOutside:x}),e.createElement(d,{open:c,placement:p,ref:g,hasTitle:Boolean(n)},e.createElement("div",{className:"title"},n&&e.createElement(u,{size:"s2",type:"semiBold"},n),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:x},e.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),e.createElement(m,{onClick:e=>e.stopPropagation()},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:x}):null)))))},k=({value:t,options:a,className:i,direction:l="horizontal",onChange:n,isDisabled:r,siteType:s})=>{const[d,m]=o(t),h="marryBaby"===s;return e.createElement(c,{className:i,"data-direction":l},a.map(((a,o)=>e.createElement(p,{"data-selected":(t||d)===a.value,"data-is-mb":h,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(m(e),n&&n(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,h?e.createElement(f,{type:"subtitle-2",color:(t||d)===a.value?v.mbColors.dark:v.mbColors.midGray},a.label):e.createElement(u,{type:"bold",color:(t||d)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},$="hhgcomp-modal-modal",B=h(b.div`
   position: relative;
   z-index: 200;
   background-color: ${e=>e.theme.colors.white};
@@ -27,7 +27,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
     background-color: none;
     box-shadow: none;
   }
-`,k),j=b.div`
+`,$),j=b.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -62,25 +62,25 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
   }
 
   &.slideTop {
-    .${k} {
+    .${$} {
       transform: translate(0, -100vh);
       transition: all 0.5s ease;
     }
 
     &[data-open='true'] {
-      .${k} {
+      .${$} {
         transform: translate(0);
       }
     }
   }
 
   &.scaleUp {
-    .${k} {
+    .${$} {
       transform: scale(0.9);
     }
 
     &[data-open='true'] {
-      .${k} {
+      .${$} {
         transition: all 0.3s ease-out;
         transform: scale(1);
       }
@@ -89,7 +89,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
 
   &[data-type='tail'] {
     justify-content: flex-end;
-    .${k} {
+    .${$} {
       width: 420px;
       height: 100%;
       border-radius: 0;
@@ -97,7 +97,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
     }
   }
   &[data-type='form'] {
-    .${k} {
+    .${$} {
       width: 496px;
       height: 548px;
       max-height: 100%;
@@ -108,7 +108,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
     }
   }
   &[data-type='video'] {
-    .${k} {
+    .${$} {
       height: 100%;
       max-height: 539px;
       ${n.mbDown} {
@@ -121,7 +121,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
     }
   }
   &[data-type='confirm'] {
-    .${k} {
+    .${$} {
       width: 100%;
       max-width: 407px;
       ${n.mbDown} {
@@ -162,7 +162,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
       }
     }
   }
-`,G=b($)`
+`,G=b(k)`
   & > div > div {
     display: flex;
     flex-direction: row;
@@ -174,4 +174,4 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
   .radio-group-item-heading {
     margin-top: 0;
   }
-`,L=({value:t,onChange:a,siteType:o})=>{const{t:i}=g(),l="marryBaby"==o;return e.createElement(T,{"data-is-marryBaby":l},l?e.createElement(C,{type:"h4",color:v.mbColors.dark},i("babyVaccineTool.selectGender")):e.createElement(u,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},i("babyVaccineTool.selectGender")),e.createElement(G,{siteType:o,options:[{value:x.Boy,label:i("gender.male"),content:l?e.createElement(y.BabyBoyMB,null):e.createElement(y.GenderChooseBoy,null)},{value:x.Girl,label:i("gender.female"),content:l?e.createElement(y.BabyGirlMB,null):e.createElement(y.GenderChooseGirl,null)}],value:t,onChange:a,className:"gender-selector"}))};export{L as B,E as D,$ as R,j as S,z as a,B as b};
+`,L=({value:t,onChange:a,siteType:o})=>{const{t:i}=g(),l="marryBaby"==o;return e.createElement(T,{"data-is-marryBaby":l},l?e.createElement(C,{type:"h4",color:v.mbColors.dark},i("babyVaccineTool.selectGender")):e.createElement(u,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},i("babyVaccineTool.selectGender")),e.createElement(G,{siteType:o,options:[{value:x.Boy,label:i("gender.male"),content:l?e.createElement(y.BabyBoyMB,null):e.createElement(y.GenderChooseBoy,null)},{value:x.Girl,label:i("gender.female"),content:l?e.createElement(y.BabyGirlMB,null):e.createElement(y.GenderChooseGirl,null)}],value:t,onChange:a,className:"gender-selector"}))};export{L as B,E as D,k as R,j as S,z as a,B as b};

package/build/esm/{index-1fac8107.js → index-442f4eae.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-86e1f944.js";import t,{useState as a,useEffect as n}from"react";import{L as l}from"./Onboarding-850d6b59.js";import{S as r,a as o,b as i}from"./index.styled-850bbe43.js";const c=c=>{var{data:s,isMobile:m,onSlideChange:g,pillProps:h,locale:p=l.Vietnam,blurFromIndex:v,blurLength:b}=c,C=e(c,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const u={withControls:!m,slideGap:16,blurFromCenter:!0,blurFromIndex:v||(m?2:4),blurLength:b||(m?1:3),onSlideChange:g},[k,w]=a("");return n((()=>{w(window.location.href)}),[]),t.createElement(r,Object.assign({},u,C,{selectSlideWhenClick:!0,previousControlIcon:t.createElement(d,{currentUrl:k}),nextControlIcon:t.createElement(d,{currentUrl:k,isRight:!0})}),(e=>s.map(((a,n)=>t.createElement(o,Object.assign({key:n,onClick:g,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":k,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":k}},h),t.createElement("div",{className:"centerred-pill-wrapper"},t.createElement(i,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":k,locale:p,name:a.name,icon:a.icon,className:n===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))))},d=({isRight:e,currentUrl:a})=>t.createElement("svg",{viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":a,className:"pointer-event-child-none"},t.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}));export{c as P};
+import{_ as e}from"./tslib.es6-3b8f45f6.js";import t,{useState as a,useEffect as n}from"react";import{L as l}from"./Onboarding-f584f764.js";import{S as r,a as o,b as i}from"./index.styled-6deae153.js";const c=c=>{var{data:s,isMobile:m,onSlideChange:g,pillProps:h,locale:p=l.Vietnam,blurFromIndex:v,blurLength:b}=c,C=e(c,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const u={withControls:!m,slideGap:16,blurFromCenter:!0,blurFromIndex:v||(m?2:4),blurLength:b||(m?1:3),onSlideChange:g},[f,k]=a("");return n((()=>{k(window.location.href)}),[]),t.createElement(r,Object.assign({},u,C,{selectSlideWhenClick:!0,previousControlIcon:t.createElement(d,{currentUrl:f}),nextControlIcon:t.createElement(d,{currentUrl:f,isRight:!0})}),(e=>s.map(((a,n)=>t.createElement(o,Object.assign({key:n,onClick:g,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":f,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":f}},h),t.createElement("div",{className:"centerred-pill-wrapper"},t.createElement(i,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":f,locale:p,name:a.name,icon:a.icon,className:n===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))))},d=({isRight:e,currentUrl:a})=>t.createElement("svg",{viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":a,className:"pointer-event-child-none"},t.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}));export{c as P};

package/build/esm/{index-84267937.js → index-4b4fce5a.js}

@@ -1,4 +1,4 @@
-import{M as t}from"./utils-90feef39.js";import e from"styled-components";import o,{memo as a,useMemo as s}from"react";import{CommonGAssets as h}from"./gAssets.js";import{L as l}from"./Onboarding-850d6b59.js";const r=e.div`
+import{M as t}from"./utils-e2c1f94f.js";import e from"styled-components";import o,{memo as a,useMemo as s}from"react";import{CommonGAssets as h}from"./gAssets.js";import{L as l}from"./Onboarding-f584f764.js";const r=e.div`
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -90,4 +90,4 @@ import{M as t}from"./utils-90feef39.js";import e from"styled-components";import
   width: unset;
   margin-bottom: 4px;
   margin-left: -3px;
-`,i=a((({type:t,width:e,height:a})=>{const l=s((()=>{switch(t){case"hellobacsi":return{width:e||"107px",height:a||"24px",src:h.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:a||"24px",src:h.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:a||"27px",src:h.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:a||"24px",src:h.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:a||"24px",src:h.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:a||"24px",src:h.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:a||"24px",src:h.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:a||"24px",src:h.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:a||"24px",src:h.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:a||"24px",src:h.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:a||"24px",src:h.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:a||"24px",src:h.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:a||"57px",src:h.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:a||"28px",src:h.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,a]),{src:r,width:g,height:i}=l||{};return o.createElement("img",{className:"main-logo-icon",src:r,style:{width:g,height:i}})})),n=t=>{const e=t.getDate();return 11===t.getMonth()&&e>=16&&e<=25},p={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},c=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],d=t=>{const e=t.getFullYear(),o=p[e];if(!o)return!1;const a=new Date(e,o[1],o[0]),s=new Date(a);s.setDate(a.getDate()-7);const h=new Date(a);return h.setDate(a.getDate()+5),s<=t&&t<=h},m=t=>{const e=t.getDate(),o=t.getMonth();return 11===o&&e>=26||0===o&&e<=15};var x="d76E4SH";const u=({children:t,className:e,style:a,type:s})=>o.createElement("div",{className:`${x} ${e||""}`,style:a,"data-type":s},t);export{u as C,c as L,r as S,d as a,m as b,i as c,g as d,n as i};
+`,i=a((({type:t,width:e,height:a})=>{const l=s((()=>{switch(t){case"hellobacsi":return{width:e||"107px",height:a||"24px",src:h.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:a||"24px",src:h.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:a||"27px",src:h.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:a||"24px",src:h.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:a||"24px",src:h.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:a||"24px",src:h.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:a||"24px",src:h.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:a||"24px",src:h.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:a||"24px",src:h.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:a||"24px",src:h.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:a||"24px",src:h.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:a||"24px",src:h.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:a||"57px",src:h.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:a||"28px",src:h.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,a]),{src:r,width:g,height:i}=l||{};return o.createElement("img",{className:"main-logo-icon",src:r,style:{width:g,height:i}})})),n=t=>{const e=t.getDate();return 11===t.getMonth()&&e>=16&&e<=25},p={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},c=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],d=t=>{const e=t.getFullYear(),o=p[e];if(!o)return!1;const a=new Date(e,o[1],o[0]),s=new Date(a);s.setDate(a.getDate()-7);const h=new Date(a);return h.setDate(a.getDate()+5),s<=t&&t<=h},m=t=>{const e=t.getDate(),o=t.getMonth();return 11===o&&e>=26||0===o&&e<=15};var x="d76E4SH";const u=({children:t,className:e,style:a,type:s})=>o.createElement("div",{className:`${x} ${e||""}`,style:a,"data-type":s},t);export{u as C,i as L,r as S,c as a,d as b,m as c,g as d,n as i};

package/build/esm/{index-22bd99fa.js → index-65617fb6.js}

@@ -1 +1 @@
-import{_ as t}from"./tslib.es6-86e1f944.js";import a from"react";var e="xzO2I0N";const n=n=>{var{as:o,tag:s,className:c,children:i,title:l,color:r,style:d,fontWeight:g,dataEventCategory:v,dataEventAction:m,dataEventLabel:b}=n,E=t(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const f=o||s;return a.createElement(f,Object.assign({title:l,style:Object.assign(Object.assign({},r?{"--custom-heading-color":r}:void 0),d),"data-tag":s,"data-font-weight":g||void 0,"data-event-category":v,"data-event-action":m,"data-event-label":b,className:`${e} ${c||""}`},E),i)};export{n as H};
+import{_ as t}from"./tslib.es6-3b8f45f6.js";import a from"react";var e="xzO2I0N";const n=n=>{var{as:o,tag:s,className:c,children:i,title:l,color:r,style:d,fontWeight:g,dataEventCategory:v,dataEventAction:m,dataEventLabel:b}=n,f=t(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const E=o||s;return a.createElement(E,Object.assign({title:l,style:Object.assign(Object.assign({},r?{"--custom-heading-color":r}:void 0),d),"data-tag":s,"data-font-weight":g||void 0,"data-event-category":v,"data-event-action":m,"data-event-label":b,className:`${e} ${c||""}`},f),i)};export{n as H};

package/build/esm/{index-897b86e1.js → index-6829a843.js}

@@ -1 +1 @@
-import{G as r,B as t,a as e,b as a,L as n,O as o}from"./Onboarding-850d6b59.js";var b=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return t},get BabyGrowthChartDuration(){return e},get BabyGrowthResultTab(){return a},get LOCALE(){return n},get OnboardingStep(){return o}});export{b as i};
+import{G as r,B as t,a as e,b as a,L as n,O as o}from"./Onboarding-f584f764.js";var s=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return t},get BabyGrowthChartDuration(){return e},get BabyGrowthResultTab(){return a},get LOCALE(){return n},get OnboardingStep(){return o}});export{s as i};

package/build/esm/{index-d7370a0e.js → index-70147fc4.js}

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

package/build/esm/{index-3dc58cbe.js → index-741bb8e0.js}

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

package/build/esm/{index-ab0c368e.js → index-7f327d8e.js}

@@ -1 +1 @@
-import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-49cbcfc1.js";import{t as r}from"./theme-aa4704d9.js";import{ak as c}from"./index.styled-eb259738.js";import{I as l}from"./index-2de33f49.js";import{I as s}from"./index-82beb9ff.js";import{M as n}from"./index-557c9253.js";import{T as m}from"./index-07f76cbd.js";import{u as i}from"./useScrollbarSize-1cbfb387.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-43a233bf.js";const b=({isActive:t,onChange:a,value:o="",onInputChange:i,siteType:h})=>{const{t:p}=d(),u="marryBaby"===h;return e.createElement(c,{onClick:()=>a("new"),"data-is-mb":u,"data-isActive":u&&t},"marryBaby"===h?e.createElement("div",{className:"title"},e.createElement(n,{type:"bodytext-1",color:r.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"},t&&e.createElement(l.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(m,{size:"p2",color:r.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"})),e.createElement(s,{name:"name",value:o,size:"md",placeholder:p("chooseBaby.placeholder"),type:"text",onChange:i}))},v="hhg-modals",f=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},g=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},E=({type:d="lead",closeIcon:r,isOpen:c=!0,onClose:l,children:s,className:n="",animationType:m="slideTop",isStaticBackdrop:b=!1,siteType:E})=>{const[C,N]=t(!1),j=a(null),{width:x}=i();if(!j.current&&C&&(j.current=document.createElement("div")),o((()=>(N(!0),()=>{N(!1),f(),g()})),[]),o((()=>{if(C){const e=(()=>{let e=document.getElementById(v);return e||(e=document.createElement("div"),e.setAttribute("id",v),document.body.append(e)),e})();return e.appendChild(j.current),()=>{e.removeChild(j.current)}}}),[C]),o((()=>{c?document.body.classList.add("hhc-modal-show"):f()}),[c]),o((()=>{c?(document.body.style.overflow="hidden",document.body.style.paddingRight=x+"px",document.body.classList.add("hhc-disabled-scroll")):g()}),[c,x]),!C)return null;const _=["hhg-modal__wrapper",n,m].filter((e=>e)).join(" ");return h(e.createElement(p,{className:_,"data-open":c,"data-type":d},!b&&e.createElement(u,{"data-open":c,onClick:l,"data-type":d}),!b&&"video"===d&&!!r&&e.createElement("div",{className:"hhg-modal__close",onClick:l},r),e.createElement(y,{className:"hhg-modal","data-open":c,"data-site-type":E},e.createElement("div",{className:"video"===d?"hhg-modal__video":"hhg-modal__content"},!!r&&"video"!==d&&e.createElement("div",{className:"hhg-modal__close",onClick:l},r),s))),j.current)};export{E as M,b as N};
+import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-8b370b33.js";import{t as r}from"./theme-2ab426d7.js";import{aq as l}from"./index.styled-f6e03331.js";import{I as c}from"./index-c2df4754.js";import{I as s}from"./index-dc3bb284.js";import{M as n}from"./index-c68a9a4d.js";import{T as m}from"./index-001b21a1.js";import{u as i}from"./useScrollbarSize-259f2224.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-3ac4ba1d.js";const b=({isActive:t,onChange:a,value:o="",onInputChange:i,siteType:h})=>{const{t:p}=d(),u="marryBaby"===h;return e.createElement(l,{onClick:()=>a("new"),"data-is-mb":u,"data-isActive":u&&t},"marryBaby"===h?e.createElement("div",{className:"title"},e.createElement(n,{type:"bodytext-1",color:r.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"},t&&e.createElement(c.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(m,{size:"p2",color:r.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"})),e.createElement(s,{name:"name",value:o,size:"md",placeholder:p("chooseBaby.placeholder"),type:"text",onChange:i}))},v="hhg-modals",g=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},f=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},E=({type:d="lead",closeIcon:r,isOpen:l=!0,onClose:c,children:s,className:n="",animationType:m="slideTop",isStaticBackdrop:b=!1,siteType:E})=>{const[C,N]=t(!1),j=a(null),{width:x}=i();if(!j.current&&C&&(j.current=document.createElement("div")),o((()=>(N(!0),()=>{N(!1),g(),f()})),[]),o((()=>{if(C){const e=(()=>{let e=document.getElementById(v);return e||(e=document.createElement("div"),e.setAttribute("id",v),document.body.append(e)),e})();return e.appendChild(j.current),()=>{e.removeChild(j.current)}}}),[C]),o((()=>{l?document.body.classList.add("hhc-modal-show"):g()}),[l]),o((()=>{l?(document.body.style.overflow="hidden",document.body.style.paddingRight=x+"px",document.body.classList.add("hhc-disabled-scroll")):f()}),[l,x]),!C)return null;const _=["hhg-modal__wrapper",n,m].filter((e=>e)).join(" ");return h(e.createElement(p,{className:_,"data-open":l,"data-type":d},!b&&e.createElement(u,{"data-open":l,onClick:c,"data-type":d}),!b&&"video"===d&&!!r&&e.createElement("div",{className:"hhg-modal__close",onClick:c},r),e.createElement(y,{className:"hhg-modal","data-open":l,"data-site-type":E},e.createElement("div",{className:"video"===d?"hhg-modal__video":"hhg-modal__content"},!!r&&"video"!==d&&e.createElement("div",{className:"hhg-modal__close",onClick:c},r),s))),j.current)};export{E as M,b as N};

package/build/esm/{index-fb0a66d1.js → index-8163f5b8.js}

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

package/build/esm/{index-f1d1cdbd.js → index-870e33aa.js}

@@ -1 +1 @@
-import e,{useState as t,useEffect as a}from"react";import{z as s,A as r}from"./index.styled-eb259738.js";import{_ as o}from"./tslib.es6-86e1f944.js";import{u as n}from"./useTranslations-49cbcfc1.js";import"@mantine/core";import"./gAssets.js";import{f as i}from"./index-a7721527.js";import"dayjs";import"./screenSizeContext-f53763ac.js";import"styled-components";import"./theme-aa4704d9.js";import"./index-af9ba131.js";import"./utils-90feef39.js";import"./isProduction-58f68a52.js";import"./Onboarding-850d6b59.js";import{B as l}from"./index-3829850d.js";import"./translationsContext-cf0288df.js";import"string-format";import"./index-29532b8c.js";import"@mantine/hooks";import{b4 as d}from"./index.styled-0f1bcff0.js";const m=({type:t="solid",className:a,style:r})=>e.createElement(s,{style:r,className:a,"data-diver-type":t,dividerType:t}),c={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},p=t=>{var{siteType:a,role:s,title:i,styles:l,className:d}=t,m=o(t,["siteType","role","title","styles","className"]);const{t:p}=n(),y=s?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(s):"",{classes:v,cx:b}=r(void 0,{name:"AuthorBadge",styles:l});return y&&c[y]?e.createElement("div",Object.assign({className:b(v.root,d),"data-label-type":y,"data-is-marrybaby":"marryBaby"===a},m),i||p(c[y])):null};var y="Dudns9-";const v=({value:s,choices:r,onChange:o})=>{const[n,i]=t(s);return a((()=>{i(s)}),[s]),e.createElement("div",{className:y},r.map(((t,a)=>e.createElement(l,{dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel,size:"sm",variant:t.value===n?"primary":"tertiary",key:a,onClick:()=>{i(t.value),null==o||o(t.value)}},t.label||""))))},b=({style:s,initialTab:r,tabContent:o,onChange:n,className:l,dataEventCategory:m,dataEventAction:c,dataEventLabel:p,id:y,styles:v})=>{const{classes:b,cx:u,theme:E}=d(void 0,{name:"Tabs",styles:v}),[f,g]=t(r||0);return a((()=>{g(r)}),[r]),e.createElement("ul",{style:s,className:u(b.root,l),role:"tablist",id:y},o.map(((t,a)=>e.createElement("li",{className:`${b.item} ${f===a?"active":""}`,"aria-selected":f===a,role:"tab",onClick:()=>{g(a),n&&n(a)},onKeyDown:e=>{"Enter"===e.key&&(g(a),n&&n(a))},key:a,"data-event-category":t.dataEventCategory||m,"data-event-action":t.dataEventAction||c,"data-event-label":t.dataEventLabel||p,tabIndex:0,"data-testid":t.dataTestid},e.createElement("div",{className:b.itemInner},t.icon&&e.createElement("div",{className:b.icon},t.icon),e.createElement(i,{className:b.label,size:t.textSize||"sm",weight:t.textType||"bold",color:f===a?E.fn.primaryColor():t.textColor||E.colors.gray[4],dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name))))))};export{p as A,v as B,m as D,b as T};
+import e,{useState as t,useEffect as a}from"react";import{z as s,A as r}from"./index.styled-f6e03331.js";import{_ as o}from"./tslib.es6-3b8f45f6.js";import{u as n}from"./useTranslations-8b370b33.js";import"@mantine/core";import"./gAssets.js";import{f as i}from"./index-d00c4af2.js";import"dayjs";import"./screenSizeContext-24a3c2e9.js";import"styled-components";import"./theme-2ab426d7.js";import"./index-ec265939.js";import"./utils-e2c1f94f.js";import"./isProduction-ac37632c.js";import"./Onboarding-f584f764.js";import{B as l}from"./index-170bf6de.js";import"./translationsContext-09eb28ba.js";import"string-format";import"./index-2559b9d3.js";import"@mantine/hooks";import{b4 as d}from"./index.styled-59b391f7.js";const m=({type:t="solid",className:a,style:r})=>e.createElement(s,{style:r,className:a,"data-diver-type":t,dividerType:t}),c={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},p=t=>{var{siteType:a,role:s,title:i,styles:l,className:d}=t,m=o(t,["siteType","role","title","styles","className"]);const{t:p}=n(),y=s?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(s):"",{classes:v,cx:b}=r(void 0,{name:"AuthorBadge",styles:l});return y&&c[y]?e.createElement("div",Object.assign({className:b(v.root,d),"data-label-type":y,"data-is-marrybaby":"marryBaby"===a},m),i||p(c[y])):null};var y="Dudns9-";const v=({value:s,choices:r,onChange:o})=>{const[n,i]=t(s);return a((()=>{i(s)}),[s]),e.createElement("div",{className:y},r.map(((t,a)=>e.createElement(l,{dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel,size:"sm",variant:t.value===n?"primary":"tertiary",key:a,onClick:()=>{i(t.value),null==o||o(t.value)}},t.label||""))))},b=({style:s,initialTab:r,tabContent:o,onChange:n,className:l,dataEventCategory:m,dataEventAction:c,dataEventLabel:p,id:y,styles:v})=>{const{classes:b,cx:u,theme:E}=d(void 0,{name:"Tabs",styles:v}),[f,g]=t(r||0);return a((()=>{g(r)}),[r]),e.createElement("ul",{style:s,className:u(b.root,l),role:"tablist",id:y},o.map(((t,a)=>e.createElement("li",{className:`${b.item} ${f===a?"active":""}`,"aria-selected":f===a,role:"tab",onClick:()=>{g(a),n&&n(a)},onKeyDown:e=>{"Enter"===e.key&&(g(a),n&&n(a))},key:a,"data-event-category":t.dataEventCategory||m,"data-event-action":t.dataEventAction||c,"data-event-label":t.dataEventLabel||p,tabIndex:0,"data-testid":t.dataTestid},e.createElement("div",{className:b.itemInner},t.icon&&e.createElement("div",{className:b.icon},t.icon),e.createElement(i,{className:b.label,size:t.textSize||"sm",weight:t.textType||"bold",color:f===a?E.fn.primaryColor():t.textColor||E.colors.gray[4],dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name))))))};export{p as A,v as B,m as D,b as T};