@hhgtech/hhg-components 1.27.41 → 1.27.43

package/build/esm/{index-325afc4d.js → index-2d10a49b.js}

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

package/build/esm/index-3418cc0f.js

@@ -0,0 +1 @@
+import{_ as t}from"./tslib.es6-ae2f58bd.js";import o from"react";import{Indicator as s}from"@mantine/core";import"dayjs";import"./screenSizeContext-2adc03a8.js";import"styled-components";import{t as e}from"./theme-f983cc94.js";import"./index-0582dc4a.js";import"./utils-ede8ffc8.js";import"./isProduction-7bdf5fa7.js";import"./Onboarding-74997ee6.js";import"./gAssets.js";const r=r=>{var{styles:i,color:n=e.colors.red700}=r,a=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},a))};export{r as I};

package/build/esm/index-48b06186.js

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

package/build/esm/{index-72719df9.js → index-4f4f5e8a.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-43b52c70.js";import t from"react";import{S as s,a}from"./index-14ebdde4.js";const r=a=>{var{type:r,color:o,style:l}=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({},o&&{"--text-color":o}),l)},c))},o=s=>{var{type:r,color:o,style:l}=s,c=e(s,["type","color","style"]);return t.createElement(a,Object.assign({"data-type":r,style:Object.assign(Object.assign({},l),o&&{"--text-color":o})},c))};export{o as M,r as a};
+import{_ as e}from"./tslib.es6-ae2f58bd.js";import t from"react";import{S as s,a}from"./index-9ed3f73c.js";const r=a=>{var{type:r,color:o,style:l}=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({},o&&{"--text-color":o}),l)},c))},o=s=>{var{type:r,color:o,style:l}=s,c=e(s,["type","color","style"]);return t.createElement(a,Object.assign({"data-type":r,style:Object.assign(Object.assign({},l),o&&{"--text-color":o})},c))};export{o as M,r as a};

package/build/esm/{index-011d54c2.js → index-75f4b320.js}

@@ -1 +1 @@
-import{a as e,_ as t}from"./tslib.es6-43b52c70.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-0d7aacfc.js";import"@mantine/dates";import{a as d}from"./index-ac45d84b.js";import{L as l}from"./Onboarding-b0d0d68e.js";import"./gAssets.js";import{h as p}from"./index-87850dfe.js";import"./index-17611c49.js";import"dayjs";import"./screenSizeContext-652dbbd3.js";import"styled-components";import"./theme-4d9b8565.js";import"./utils-0f812a66.js";import"./isProduction-b84be401.js";import{u as m}from"./useTranslations-fff3d6f3.js";import"./index-f7380130.js";import"@mantine/hooks";import"lodash/debounce";import{M as v}from"./utils-d0688954.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};
+import{a as e,_ as t}from"./tslib.es6-ae2f58bd.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-15ca0233.js";import"@mantine/dates";import{a as d}from"./index-0582dc4a.js";import{L as l}from"./Onboarding-74997ee6.js";import"./gAssets.js";import{h as p}from"./index-0bbbb06b.js";import"./index-bb11bfad.js";import"dayjs";import"./screenSizeContext-2adc03a8.js";import"styled-components";import"./theme-f983cc94.js";import"./utils-ede8ffc8.js";import"./isProduction-7bdf5fa7.js";import{u as m}from"./useTranslations-63d5c917.js";import"./index-ecdd2c9b.js";import"@mantine/hooks";import"lodash/debounce";import{M as v}from"./utils-f75af502.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-88b68e0d.js → index-9285a3f3.js}

@@ -1,4 +1,4 @@
-import{_ as e}from"./tslib.es6-43b52c70.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-17611c49.js";import"@mantine/hooks";import"./gAssets.js";import"@mantine/dates";import{L as a}from"./index-ac45d84b.js";import"./Onboarding-b0d0d68e.js";import{e as s}from"./index-87850dfe.js";import"dayjs";import"./screenSizeContext-652dbbd3.js";import c from"styled-components";import{t as p}from"./theme-4d9b8565.js";import{M as d}from"./utils-0f812a66.js";import"./isProduction-b84be401.js";import"./translationsContext-a95596a3.js";import"string-format";import"./index-f7380130.js";import{createFormContext as l}from"@mantine/form";const g=o({}),[f,h,x]=l(),b=c.div`
+import{_ as e}from"./tslib.es6-ae2f58bd.js";import t,{createContext as o,useContext as i}from"react";import{Container as r,Title as n}from"@mantine/core";import{L as a}from"./index-bb11bfad.js";import"@mantine/hooks";import"./gAssets.js";import"@mantine/dates";import{L as m}from"./index-0582dc4a.js";import"./Onboarding-74997ee6.js";import{e as s}from"./index-0bbbb06b.js";import"dayjs";import"./screenSizeContext-2adc03a8.js";import c from"styled-components";import{t as p}from"./theme-f983cc94.js";import{M as d}from"./utils-ede8ffc8.js";import"./isProduction-7bdf5fa7.js";import"./translationsContext-9c2cf249.js";import"string-format";import"./index-ecdd2c9b.js";import{createFormContext as l}from"@mantine/form";const g=o({}),[f,b,h]=l(),x=c.div`
   margin-top: 70px;
   display: flex;
   flex-direction: column;
@@ -50,4 +50,4 @@ import{_ as e}from"./tslib.es6-43b52c70.js";import t,{createContext as o,useCont
   }
 `,u=c.img`
   margin-bottom: 38px;
-`,y=o=>{var r,{heading:c,description:d,children:l,className:f,imgSrc:h,hiddenLogo:x=!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"}),!x&&t.createElement(m,{type:E?L:(null===(r=a[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),t.createElement(b,{className:x?"similac":""},h&&t.createElement(u,{src:h,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,x as a,y as b,h as u};
+`,y=o=>{var r,{heading:c,description:d,children:l,className:f,imgSrc:b,hiddenLogo:h=!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"}),!h&&t.createElement(a,{type:E?L:(null===(r=m[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),t.createElement(x,{className:h?"similac":""},b&&t.createElement(u,{src:b,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,h as a,y as b,b as u};

package/build/esm/{index-d4681c97.js → index-95bc333c.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-43b52c70.js";import t from"react";import{Modal as s}from"@mantine/core";import{CommonGAssets as l}from"./gAssets.js";import{m as a,e as o}from"./index-87850dfe.js";const r=r=>{var{title:n,styles:m}=r,i=e(r,["title","styles"]);const{classes:c}=a(void 0,{name:"Modal",styles:m});return t.createElement(t.Fragment,null,t.createElement(s,Object.assign({centered:!0,classNames:c},i,{withCloseButton:!1,title:i.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=i.onClose)||void 0===e?void 0:e.call(i)},style:{width:"16px"}}))})))};export{r as M};
+import{_ as e}from"./tslib.es6-ae2f58bd.js";import t from"react";import{Modal as s}from"@mantine/core";import{CommonGAssets as l}from"./gAssets.js";import{m as a,e as o}from"./index-0bbbb06b.js";const r=r=>{var{title:n,styles:m}=r,i=e(r,["title","styles"]);const{classes:c}=a(void 0,{name:"Modal",styles:m});return t.createElement(t.Fragment,null,t.createElement(s,Object.assign({centered:!0,classNames:c},i,{withCloseButton:!1,title:i.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=i.onClose)||void 0===e?void 0:e.call(i)},style:{width:"16px"}}))})))};export{r as M};

package/build/esm/{index-88e355f5.js → index-9d146818.js}

@@ -1 +1 @@
-import{_ as a}from"./tslib.es6-43b52c70.js";import e from"react";var t="wIj6fkD";const s=s=>{var{size:r="base",type:c="regular",className:o,style:n,children:d,color:i,dataEventCategory:l,dataEventAction:p,dataEventLabel:v,as:b="p",wordWrap:m,isUppercase:y}=s,g=a(s,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]);const E=b;return e.createElement(E,Object.assign({"data-size":r,"data-type":c,style:Object.assign(Object.assign({},n),i?{"--custom-color":i}:void 0),className:`${t} ${o||""}`,"data-event-category":l,"data-event-action":p,"data-event-label":v,"data-word-wrap":m,"data-is-uppercase":y},g),d)};export{s as T};
+import{_ as a}from"./tslib.es6-ae2f58bd.js";import e from"react";var t="wIj6fkD";const s=s=>{var{size:r="base",type:o="regular",className:c,style:n,children:d,color:i,dataEventCategory:l,dataEventAction:p,dataEventLabel:v,as:b="p",wordWrap:m,isUppercase:y}=s,g=a(s,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]);const E=b;return e.createElement(E,Object.assign({"data-size":r,"data-type":o,style:Object.assign(Object.assign({},n),i?{"--custom-color":i}:void 0),className:`${t} ${c||""}`,"data-event-category":l,"data-event-action":p,"data-event-label":v,"data-word-wrap":m,"data-is-uppercase":y},g),d)};export{s as T};

package/build/{index-c936e2ee.js → esm/index-9ed3f73c.js}

@@ -1,4 +1,10 @@
-"use strict";var e=require("./tslib.es6-ffd4b7f9.js"),t=require("react"),i=require("styled-components");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t),r=a(i);const p=r.default((t=>{var{type:i}=t,a=e.__rest(t,["type"]);return n.default.createElement(i,a)}))`
+import{_ as e}from"./tslib.es6-ae2f58bd.js";import t,{useState as a,forwardRef as i}from"react";import n from"styled-components";const r=i=>{var{alt:n,backupSrc:r,src:p,placeholderSrc:l,style:s,ref:h}=i,c=e(i,["alt","backupSrc","src","placeholderSrc","style","ref"]);const[g,d]=a(!1);return t.createElement(o,Object.assign({loading:"lazy",alt:n,onError:()=>!g&&d(!0),src:g?r||p:p||r,style:Object.assign(Object.assign({},l?{backgroundImage:`url(${l})`}:{}),s),"data-has-placeholder":!!l,ref:h},c))},o=n.img`
+  &[data-has-placeholder='true'] {
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+`,p=n((a=>{var{type:i}=a,n=e(a,["type"]);return t.createElement(i,n)}))`
   color: var(--text-color, ${e=>e.theme.mbColors.dark});
   font-family: Krub;
   font-weight: 600;
@@ -20,7 +26,7 @@
     font-size: 18px;
     line-height: 32px;
   }
-`,o=r.default.p`
+`,l=n.p`
   color: var(--text-color, ${e=>e.theme.mbColors.dark});
   letter-spacing: -0.2px;
 
@@ -66,4 +72,4 @@
     letter-spacing: -0.1px;
     line-height: 14px;
   }
-`,l=t.forwardRef((function(e,t){return n.default.createElement("circle",Object.assign({},e,{ref:t}),n.default.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));exports.CustomReferenceDot=l,exports.ImageWrap=i=>{var{alt:a,backupSrc:r,src:p}=i,o=e.__rest(i,["alt","backupSrc","src"]);const[l,s]=t.useState(!1);return n.default.createElement("img",Object.assign({loading:"lazy",alt:a,onError:()=>!l&&s(!0),src:l?r:p||r},o))},exports.StyledHeading=p,exports.StyledText=o;
+`,s=i((function(e,a){return t.createElement("circle",Object.assign({},e,{ref:a}),t.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));export{s as C,r as I,p as S,l as a};