@hhgtech/hhg-components 1.27.5 → 1.27.6

package/build/esm/index-30e4ddce.js

@@ -0,0 +1 @@
+import{a as e,_ as t}from"./tslib.es6-688d4f40.js";import s,{useReducer as a,useState as r,useEffect as i}from"react";import{Stack as o,Input as n}from"@mantine/core";import{S as c}from"./index-7884845c.js";import"@mantine/dates";import{a as d}from"./index-e07ef5f4.js";import{L as l}from"./Onboarding-0763f44f.js";import"./gAssets.js";import{f as p}from"./index-1bffde42.js";import"./index.styles-63d1e11b.js";import"dayjs";import"./screenSizeContext-a837abb3.js";import"styled-components";import"./theme-8019b505.js";import"./utils-136cd9dc.js";import"./isProduction-01415b8e.js";import{u as m}from"./useTranslations-34e0da79.js";import"./index-b7933a17.js";import"@mantine/hooks";import"lodash/debounce";import{M as v}from"./utils-c56a6fe7.js";const b={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},u=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},h=({provinces:t})=>{const[s,o]=a(u,b),{provinceByName:n,provinces:c,districts:p,wards:m,selectedProvince:h,selectedDistrict:j,selectedWard:y}=s,[g,E]=r();i((()=>{e(void 0,void 0,void 0,(function*(){var e,s,a,r;try{const i=yield fetch((r=process.env.UNIFY_LOCALE||l.Vietnam,`${d}/cities-data-${v[r]}.json`)).then((e=>e.json()));E(i);const{list:n}=i,c=t?((e,t)=>{const s={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(s[t]=e)}const a={};return e.map((e=>{a[e.name]=s[e.id]})),a})(t,n):n,p=Object.keys(c),m=Object.keys((null===(e=n[p[0]])||void 0===e?void 0:e.list)||{}),b=Object.keys((null===(a=null===(s=n[p[0]])||void 0===s?void 0:s[m[0]])||void 0===a?void 0:a.list)||{});o({type:"SET_DATA",payload:{provinceByName:c,provinces:p,districts:m,wards:b}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:c,districts:p,wards:m,selectedProvince:h,selectedDistrict:j,selectedWard:y,handleProvinceChange:e=>{var t;const s=Object.keys((null===(t=n[e])||void 0===t?void 0:t.list)||{});o({type:"SET_DISTRICTS",payload:s}),o({type:"SET_WARDS",payload:[]}),o({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,s;const a=Object.keys((null===(s=null===(t=n[h])||void 0===t?void 0:t.list[e])||void 0===s?void 0:s.list)||{});o({type:"SET_WARDS",payload:a}),o({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{o({type:"SELECT_WARD",payload:e})}}},j=e=>{var{error:a,provinces:d,placeholder:l}=e,v=t(e,["error","provinces","placeholder"]);const{t:b}=m(),{provinces:u,districts:j,wards:y,selectedProvince:g,selectedDistrict:E,selectedWard:C,handleProvinceChange:f,handleDistrictChange:O,handleWardChange:S}=h({provinces:d}),[T,D]=r("");return i((()=>{g&&E&&C&&T?v.onChange({selectedProvince:g,selectedDistrict:E,selectedWard:C,extraInfo:T}):v.onChange(null)}),[g,E,C,T]),s.createElement(p.Wrapper,Object.assign({withAsterisk:!0},v),s.createElement(o,null,s.createElement(c,{placeholder:(null==l?void 0:l.province)||b("onboarding.similac.input.city"),data:d?u:u.sort(),searchable:!0,onChange:f,value:g}),s.createElement(c,{placeholder:(null==l?void 0:l.district)||b("onboarding.similac.input.district"),data:j.sort(),searchable:!0,onChange:O,value:E,disabled:!g}),s.createElement(c,{placeholder:(null==l?void 0:l.ward)||b("onboarding.similac.input.ward"),searchable:!0,data:y.sort(),value:C,onChange:S,disabled:!g||!E}),s.createElement(p,{placeholder:(null==l?void 0:l.address)||b("onboarding.similac.input.no"),disabled:!g||!E||!C,value:T,onChange:D,style:{marginBottom:0}})),s.createElement(n.Error,{size:"md"},a))};export{j as A};

package/build/esm/{index-9605b109.js → index-449a8808.js}

@@ -1,4 +1,4 @@
-import{M as t}from"./utils-5d714bfc.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-755c2feb.js";const r=e.div`
+import{M as t}from"./utils-136cd9dc.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-0763f44f.js";const r=e.div`
   position: relative;
   display: inline-flex;
   align-items: center;

package/build/esm/index-6c518255.js

@@ -0,0 +1 @@
+import{_ as t}from"./tslib.es6-688d4f40.js";import o from"react";import{Indicator as s}from"@mantine/core";import"dayjs";import"./screenSizeContext-a837abb3.js";import"styled-components";import{t as e}from"./theme-8019b505.js";import"./index-e07ef5f4.js";import"./utils-136cd9dc.js";import"./isProduction-01415b8e.js";import"./Onboarding-0763f44f.js";import"./gAssets.js";const r=r=>{var{styles:i,color:n=e.colors.red700}=r,m=t(r,["styles","color"]);return o.createElement(s,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},i),color:n},m))};export{r as I};

package/build/esm/{index-ef921efc.js → index-7884845c.js}

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

package/build/esm/{index-0db0780e.js → index-8da6200d.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-5d714bfc.js";import{D as r,E as s,F as d,G as c,J as m,K as p,C as h,I as b}from"./index.styles-2bc9fb6e.js";import{T as u}from"./index-d4c4f2b2.js";import g from"styled-components";import{u as y}from"./useTranslations-1e04d328.js";import{G as x}from"./Onboarding-755c2feb.js";import{M as f,a as C}from"./index-0cd164e1.js";import{t as v}from"./theme-441c696d.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 y=()=>{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:y}),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:y},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:y}):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(g.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-136cd9dc.js";import{D as r,E as s,F as d,G as c,J as m,K as p,C as h,I as u}from"./index.styles-63d1e11b.js";import{T as b}from"./index-c3f9e08b.js";import g from"styled-components";import{u as y}from"./useTranslations-34e0da79.js";import{G as x}from"./Onboarding-0763f44f.js";import{M as f,a as C}from"./index-aad6b24c.js";import{t as v}from"./theme-8019b505.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:u})=>{const g=t();a((()=>(l(m),()=>l(!1))),[m]);const y=()=>{g.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&h?null:e.createElement(i,null,e.createElement(s,{className:u,open:m},e.createElement(w,{open:m,onClickOutside:y}),e.createElement(d,{open:m,placement:p,ref:g,hasTitle:Boolean(n)},e.createElement("div",{className:"title"},n&&e.createElement(b,{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:y},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:y}):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(b,{type:"bold",color:(t||d)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},k="hhgcomp-modal-modal",B=h(g.div`
   position: relative;
   z-index: 200;
   background-color: ${e=>e.theme.colors.white};
@@ -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}=y(),l="marryBaby"==o;return e.createElement(G,{"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(T,{siteType:o,options:[{value:x.Boy,label:i("gender.male"),content:l?e.createElement(b.BabyBoyMB,null):e.createElement(b.GenderChooseBoy,null)},{value:x.Girl,label:i("gender.female"),content:l?e.createElement(b.BabyGirlMB,null):e.createElement(b.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}=y(),l="marryBaby"==o;return e.createElement(G,{"data-is-marryBaby":l},l?e.createElement(C,{type:"h4",color:v.mbColors.dark},i("babyVaccineTool.selectGender")):e.createElement(b,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},i("babyVaccineTool.selectGender")),e.createElement(T,{siteType:o,options:[{value:x.Boy,label:i("gender.male"),content:l?e.createElement(u.BabyBoyMB,null):e.createElement(u.GenderChooseBoy,null)},{value:x.Girl,label:i("gender.female"),content:l?e.createElement(u.BabyGirlMB,null):e.createElement(u.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};

package/build/esm/{index-00f1fd60.js → index-9335e6e5.js}

@@ -1,4 +1,4 @@
-import{M as e}from"./utils-5d714bfc.js";import t from"styled-components";import o from"react";const i=t.div`
+import{M as e}from"./utils-136cd9dc.js";import t from"styled-components";import o from"react";const i=t.div`
   position: relative;
   width: 100%;
 

package/build/esm/{index-b6a331c0.js → index-9433e99a.js}

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

package/build/esm/{index-c1784a80.js → index-97292b06.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-5c12945c.js";import t from"react";import{Modal as s}from"@mantine/core";import{CommonGAssets as l}from"./gAssets.js";import{k as a,e as o}from"./index-56cfa77c.js";const r=r=>{var{title:n,styles:i}=r,m=e(r,["title","styles"]);const{classes:c}=a(void 0,{name:"Modal",styles:i});return t.createElement(t.Fragment,null,t.createElement(s,Object.assign({centered:!0,classNames:c},m,{withCloseButton:!1,title:m.withCloseButton&&t.createElement(t.Fragment,null,t.createElement(o,{size:"s2",weight:"semiBold",as:"span"},n),t.createElement("img",{className:"mantine-Modal-close",src:l.getAssetPath("CloseModal.svg"),onClick:()=>{var e;return null===(e=m.onClose)||void 0===e?void 0:e.call(m)},style:{width:"16px"}}))})))};export{r as M};
+import{_ as e}from"./tslib.es6-688d4f40.js";import t from"react";import{Modal as s}from"@mantine/core";import{CommonGAssets as l}from"./gAssets.js";import{k as a,e as o}from"./index-1bffde42.js";const r=r=>{var{title:n,styles:i}=r,m=e(r,["title","styles"]);const{classes:c}=a(void 0,{name:"Modal",styles:i});return t.createElement(t.Fragment,null,t.createElement(s,Object.assign({centered:!0,classNames:c},m,{withCloseButton:!1,title:m.withCloseButton&&t.createElement(t.Fragment,null,t.createElement(o,{size:"s2",weight:"semiBold",as:"span"},n),t.createElement("img",{className:"mantine-Modal-close",src:l.getAssetPath("CloseModal.svg"),onClick:()=>{var e;return null===(e=m.onClose)||void 0===e?void 0:e.call(m)},style:{width:"16px"}}))})))};export{r as M};

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

@@ -0,0 +1,53 @@
+import{_ as e}from"./tslib.es6-688d4f40.js";import t,{createContext as o,useContext as i}from"react";import{Container as r,Title as n}from"@mantine/core";import{L as m}from"./index-449a8808.js";import"./gAssets.js";import"@mantine/dates";import{L as a}from"./index-e07ef5f4.js";import"./Onboarding-0763f44f.js";import{e as s}from"./index-1bffde42.js";import"./index.styles-63d1e11b.js";import"dayjs";import"./screenSizeContext-a837abb3.js";import c from"styled-components";import{t as p}from"./theme-8019b505.js";import{M as d}from"./utils-136cd9dc.js";import"./isProduction-01415b8e.js";import"./translationsContext-0b7673bf.js";import"string-format";import"./index-b7933a17.js";import"@mantine/hooks";import{createFormContext as l}from"@mantine/form";const g=o({}),[f,x,b]=l(),h=c.div`
+  margin-top: 70px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  &.similac {
+    margin-top: 16px;
+  }
+`,j=c(r)`
+  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    max-width: 520px;
+  }
+  .header {
+    margin-bottom: 32px;
+    text-align: center;
+    ${d.mbDown} {
+      margin-bottom: 16px;
+    }
+  }
+
+  .input-control {
+    width: 100%;
+  }
+  .radio-group,
+  .input-control {
+    margin-bottom: 16px;
+  }
+  .form {
+    width: 100%;
+  }
+
+  /* .form-error {
+    margin-top: 32px;
+    font-size: 14px;
+  }
+
+  .field-error {
+    margin-top: 10px;
+    font-size: 14px;
+  } */
+
+  .form-button {
+    width: 100%;
+  }
+`,u=c.img`
+  margin-bottom: 38px;
+`,y=o=>{var r,{heading:c,description:d,children:l,className:f,imgSrc:x,hiddenLogo:b=!1}=o,y=e(o,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:E,siteType:L}=i(g);return t.createElement(j,Object.assign({},y,{className:`hhg-comp-onboarding-container ${f}`,size:"sm"}),!b&&t.createElement(m,{type:E?L:(null===(r=a[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),t.createElement(h,{className:b?"similac":""},x&&t.createElement(u,{src:x,loading:"lazy"}),(c||d)&&t.createElement("div",{className:"header"},c&&t.createElement(n,{order:3},c),d&&t.createElement(s,{size:"p3",mt:8,color:p.colors.gray600},d)),l))};export{f as F,g as O,b as a,y as b,x as u};

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

@@ -0,0 +1 @@
+import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-34e0da79.js";import{t as l}from"./theme-8019b505.js";import{L as r,I as s}from"./index.styles-63d1e11b.js";import{I as c}from"./index-c4b34888.js";import{M as n}from"./index-aad6b24c.js";import{T as m}from"./index-c3f9e08b.js";import{u as i}from"./useScrollbarSize-0eb7256d.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-8da6200d.js";const b=({isActive:t,onChange:a,value:o="",onInputChange:i,siteType:h})=>{const{t:p}=d(),u="marryBaby"===h;return e.createElement(r,{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:l.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"},t&&e.createElement(s.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(m,{size:"p2",color:l.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"})),e.createElement(c,{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")},E=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},f=({type:d="lead",closeIcon:l,isOpen:r=!0,onClose:s,children:c,className:n="",animationType:m="slideTop",isStaticBackdrop:b=!1,siteType:f})=>{const[C,N]=t(!1),_=a(null),{width:j}=i();if(!_.current&&C&&(_.current=document.createElement("div")),o((()=>(N(!0),()=>{N(!1),g(),E()})),[]),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(_.current),()=>{e.removeChild(_.current)}}}),[C]),o((()=>{r?document.body.classList.add("hhc-modal-show"):g()}),[r]),o((()=>{r?(document.body.style.overflow="hidden",document.body.style.paddingRight=j+"px",document.body.classList.add("hhc-disabled-scroll")):E()}),[r,j]),!C)return null;const w=["hhg-modal__wrapper",n,m].filter((e=>e)).join(" ");return h(e.createElement(p,{className:w,"data-open":r,"data-type":d},!b&&e.createElement(u,{"data-open":r,onClick:s,"data-type":d}),!b&&"video"===d&&!!l&&e.createElement("div",{className:"hhg-modal__close",onClick:s},l),e.createElement(y,{className:"hhg-modal","data-open":r,"data-site-type":f},e.createElement("div",{className:"video"===d?"hhg-modal__video":"hhg-modal__content"},!!l&&"video"!==d&&e.createElement("div",{className:"hhg-modal__close",onClick:s},l),c))),_.current)};export{f as M,b as N};

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

@@ -0,0 +1 @@
+import{_ as e}from"./tslib.es6-688d4f40.js";import t from"react";import{Image as r}from"@mantine/core";import{DatePickerInput as o}from"@mantine/dates";import{I as s}from"./index-e07ef5f4.js";import{L as i}from"./Onboarding-0763f44f.js";import{CommonGAssets as a}from"./gAssets.js";import{m as n}from"./index-1bffde42.js";const l=l=>{var m,{value:d,fullWidth:c=!0}=l,f=e(l,["value","fullWidth"]);return t.createElement(o,Object.assign({locale:n[process.env.UNIFY_LOCALE||i.Vietnam],valueFormat:null===(m=s[process.env.UNIFY_LOCALE||i.Vietnam])||void 0===m?void 0:m.dateFormat,size:"md",clearable:!1,popoverProps:c?{styles:{dropdown:{minWidth:"100%",display:"flex",justifyContent:"center",alignItems:"center"}}}:{},styles:{root:{position:"relative"},rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:t.createElement(r,{src:a.getAssetPath(f.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16}),value:d},f,{className:`input-control ${(null==f?void 0:f.className)||""}`}))};export{l as D};

package/build/esm/{index-0cd164e1.js → index-aad6b24c.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-5c12945c.js";import t from"react";import{S as s,a}from"./index.styled-4cd4a8ad.js";const r=a=>{var{type:r,color:l,style:o}=a,c=e(a,["type","color","style"]);return t.createElement(s,Object.assign({type:r,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[r],style:Object.assign(Object.assign({},l&&{"--text-color":l}),o)},c))},l=s=>{var{type:r,color:l,style:o}=s,c=e(s,["type","color","style"]);return t.createElement(a,Object.assign({"data-type":r,style:Object.assign(Object.assign({},o),l&&{"--text-color":l})},c))};export{l as M,r as a};
+import{_ as e}from"./tslib.es6-688d4f40.js";import t from"react";import{S as s,a}from"./index.styled-6c22cb83.js";const r=a=>{var{type:r,color:l,style:o}=a,c=e(a,["type","color","style"]);return t.createElement(s,Object.assign({type:r,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[r],style:Object.assign(Object.assign({},l&&{"--text-color":l}),o)},c))},l=s=>{var{type:r,color:l,style:o}=s,c=e(s,["type","color","style"]);return t.createElement(a,Object.assign({"data-type":r,style:Object.assign(Object.assign({},o),l&&{"--text-color":l})},c))};export{l as M,r as a};

package/build/esm/{index-d1e5d971.js → index-b7933a17.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-5c12945c.js";import l,{createContext as n,useContext as r,useRef as i,useState as t,useEffect as o}from"react";import{Carousel as s}from"@mantine/carousel";import{createStyles as c}from"@mantine/core";import{useViewportSize as d,useResizeObserver as a}from"@mantine/hooks";const u=s.Slide,v=n({}),m=(e,l)=>e>=l?e-l:e,h=n=>{var{children:r,blurFromCenter:u,blurFromIndex:h,blurLength:p=3,maxBlurOpacity:S=.5,onSlideChange:g,selectSlideWhenClick:f}=n,y=e(n,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);const{width:b}=d(),[C]=a(),k=i(null),[x,O]=t(0),I=()=>{var e,l,n,r,i;const t=(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(l=null==k?void 0:k.current)||void 0===l?void 0:l.slideNodes().length)<=(null===(n=null==k?void 0:k.current)||void 0===n?void 0:n.slidesInView().length))return t.map((e=>{e.classList.remove("center-slide"),e.style.opacity="1"})),!1;const o=null===(r=null==k?void 0:k.current)||void 0===r?void 0:r.selectedScrollSnap();O(o);const s=t.length,c=(null===(i=null==k?void 0:k.current)||void 0===i?void 0:i.slidesInView()).length,d=Math.floor(c/2),a=u?h+p-1:d,v=o+a,g=v===s?0:v>s?v-s:v,f=o-a,y=f<0?s+f:f>0?o-a:0,b=[...new Set(Array(2*a+1).fill("").map(((e,l)=>m(y+l,s))))];t.map(((e,l)=>{if(l===o?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==b.indexOf(l)){const i=S/p;for(let t=0;t<p;t++){if(l===m(y+t,s)||l===(r=s,(n=g-t)<0?r+n:n)){e.style.opacity=String((t+1)*i);break}e.style.opacity="1"}}else e.style.opacity="0";var n,r}))},j={getEmblaApi:e=>{k.current=e},onSlideChange:e=>{I(),null==g||g(e)}};o((()=>{(null==k?void 0:k.current)&&I()}),[b]);const w=c((()=>{var e,l;return{control:Object.assign({},(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes().length)<=(null===(l=null==k?void 0:k.current)||void 0===l?void 0:l.slidesInView().length)&&{display:"none"})}})),{classes:E}=w();return l.createElement(v.Provider,{value:{slider:null==k?void 0:k.current,centerSlide:x,selectSlideWhenClick:f}},l.createElement(s,Object.assign({classNames:{control:E.control},ref:C,slideSize:"auto",containScroll:"trimSnaps"},j,y,{loop:!0}),"function"==typeof r?r(x):r))};h.Slide=n=>{var{children:s,onClick:c,innerSlideProps:d}=n,a=e(n,["children","onClick","innerSlideProps"]);const{slider:m,selectSlideWhenClick:h}=r(v),p=i(),S=i(""),[g,f]=t(0);o((()=>{S.current=String(Math.round(1e4*Math.random()))}),[]),o((()=>{const e=(null==m?void 0:m.slideNodes())||[];f(e.findIndex((e=>e.dataset.key===S.current)))}),[m]);const y={ref:p,"data-key":S.current,"data-index":g};return l.createElement(u,Object.assign({},y,a),l.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{h&&(null==m||m.scrollTo(g)),null==c||c(g)}},d),s))};export{h as C};
+import{_ as e}from"./tslib.es6-688d4f40.js";import l,{createContext as n,useContext as r,useRef as i,useState as t,useEffect as o}from"react";import{Carousel as s}from"@mantine/carousel";import{createStyles as d}from"@mantine/core";import{useViewportSize as c,useResizeObserver as a}from"@mantine/hooks";const u=s.Slide,v=n({}),m=(e,l)=>e>=l?e-l:e,h=n=>{var{children:r,blurFromCenter:u,blurFromIndex:h,blurLength:p=3,maxBlurOpacity:S=.5,onSlideChange:g,selectSlideWhenClick:f}=n,y=e(n,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);const{width:b}=c(),[C]=a(),k=i(null),[x,O]=t(0),I=()=>{var e,l,n,r,i;const t=(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(l=null==k?void 0:k.current)||void 0===l?void 0:l.slideNodes().length)<=(null===(n=null==k?void 0:k.current)||void 0===n?void 0:n.slidesInView().length))return t.map((e=>{e.classList.remove("center-slide"),e.style.opacity="1"})),!1;const o=null===(r=null==k?void 0:k.current)||void 0===r?void 0:r.selectedScrollSnap();O(o);const s=t.length,d=(null===(i=null==k?void 0:k.current)||void 0===i?void 0:i.slidesInView()).length,c=Math.floor(d/2),a=u?h+p-1:c,v=o+a,g=v===s?0:v>s?v-s:v,f=o-a,y=f<0?s+f:f>0?o-a:0,b=[...new Set(Array(2*a+1).fill("").map(((e,l)=>m(y+l,s))))];t.map(((e,l)=>{if(l===o?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==b.indexOf(l)){const i=S/p;for(let t=0;t<p;t++){if(l===m(y+t,s)||l===(r=s,(n=g-t)<0?r+n:n)){e.style.opacity=String((t+1)*i);break}e.style.opacity="1"}}else e.style.opacity="0";var n,r}))},j={getEmblaApi:e=>{k.current=e},onSlideChange:e=>{I(),null==g||g(e)}};o((()=>{(null==k?void 0:k.current)&&I()}),[b]);const w=d((()=>{var e,l;return{control:Object.assign({},(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes().length)<=(null===(l=null==k?void 0:k.current)||void 0===l?void 0:l.slidesInView().length)&&{display:"none"})}})),{classes:E}=w();return l.createElement(v.Provider,{value:{slider:null==k?void 0:k.current,centerSlide:x,selectSlideWhenClick:f}},l.createElement(s,Object.assign({classNames:{control:E.control},ref:C,slideSize:"auto",containScroll:"trimSnaps"},j,y,{loop:!0}),"function"==typeof r?r(x):r))};h.Slide=n=>{var{children:s,onClick:d,innerSlideProps:c}=n,a=e(n,["children","onClick","innerSlideProps"]);const{slider:m,selectSlideWhenClick:h}=r(v),p=i(),S=i(""),[g,f]=t(0);o((()=>{S.current=String(Math.round(1e4*Math.random()))}),[]),o((()=>{const e=(null==m?void 0:m.slideNodes())||[];f(e.findIndex((e=>e.dataset.key===S.current)))}),[m]);const y={ref:p,"data-key":S.current,"data-index":g};return l.createElement(u,Object.assign({},y,a),l.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{h&&(null==m||m.scrollTo(g)),null==d||d(g)}},c),s))};export{h as C};