@hhgtech/hhg-components 1.27.28 → 1.27.30

package/build/esm/{index-5f2099c0.js → index-412ae2fd.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-934fc187.js";import{F as r,G as s,J as d,K as c,L as m,N as p,E as h,I as u}from"./index-313abbe7.js";import{T as b}from"./index-4962ee5f.js";import g from"styled-components";import{u as x}from"./useTranslations-27ed0471.js";import{G as y}from"./Onboarding-3a098961.js";import{M as f,a as C}from"./index-3a275e6e.js";import{t as v}from"./theme-658bcd7b.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,isPropagationEvent:u=!0,className:g})=>{const x=t();a((()=>(l(m),()=>l(!1))),[m]);const y=()=>{x.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&h?null:e.createElement(i,null,e.createElement(s,{className:g,open:m},e.createElement(w,{open:m,onClickOutside:y}),e.createElement(d,{open:m,placement:p,ref:x,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=>{u&&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`
+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-47c49ff6.js";import{F as r,G as s,J as d,K as c,L as m,N as p,E as h,I as b}from"./index-3dbc6ebf.js";import{T as u}from"./index-6d24f096.js";import g from"styled-components";import{u as x}from"./useTranslations-94771a46.js";import{G as y}from"./Onboarding-b42b75c2.js";import{M as f,a as C}from"./index-1b6552ce.js";import{t as v}from"./theme-3eb6679d.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,isPropagationEvent:b=!0,className:g})=>{const x=t();a((()=>(l(m),()=>l(!1))),[m]);const y=()=>{x.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&h?null:e.createElement(i,null,e.createElement(s,{className:g,open:m},e.createElement(w,{open:m,onClickOutside:y}),e.createElement(d,{open:m,placement:p,ref:x,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=>{b&&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`
   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;
   }
-`,T=({value:t,onChange:a,siteType:o})=>{const{t:i}=x(),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(L,{siteType:o,options:[{value:y.Boy,label:i("gender.male"),content:l?e.createElement(u.BabyBoyMB,null):e.createElement(u.GenderChooseBoy,null)},{value:y.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{T as B,E as D,$ as R,j as S,z as a,B as b};
+`,T=({value:t,onChange:a,siteType:o})=>{const{t:i}=x(),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(L,{siteType:o,options:[{value:y.Boy,label:i("gender.male"),content:l?e.createElement(b.BabyBoyMB,null):e.createElement(b.GenderChooseBoy,null)},{value:y.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{T as B,E as D,$ as R,j as S,z as a,B as b};

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

@@ -0,0 +1 @@
+import{_ as a}from"./tslib.es6-c174538e.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:m="p",wordWrap:y,isUppercase:b}=s,g=a(s,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]);const E=m;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":y,"data-is-uppercase":b},g),d)};export{s as T};

package/build/esm/{index-345735b2.js → index-8128835c.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-2f773aeb.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,a as r,b as l,c as i}from"./index-4d7073b2.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:b=!0,actionIcon:y,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),x=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!y||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},x,j)),C&&a.createElement(r,{className:"displayIcon"},C),y&&a.createElement(l,{className:"actionIcon",onClick:v},y)),p&&p.length>0&&b&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};
+import{_ as e}from"./tslib.es6-c174538e.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,a as r,b as l,c as i}from"./index-9529425b.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:b=!0,actionIcon:y,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),x=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!y||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},x,j)),C&&a.createElement(r,{className:"displayIcon"},C),y&&a.createElement(l,{className:"actionIcon",onClick:v},y)),p&&p.length>0&&b&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};

package/build/esm/{index-4ab84ac4.js → index-88bd2f6d.js}

@@ -1 +1 @@
-import e,{useState as a,useEffect as r,useRef as t}from"react";import{B as s,C as o}from"./index-313abbe7.js";import{_ as n}from"./tslib.es6-2f773aeb.js";import{u as c}from"./useTranslations-27ed0471.js";import{B as l}from"./index-f86c8643.js";import{useMantineTheme as i}from"@mantine/core";const d=({type:a="solid",className:r,style:t})=>e.createElement(s,{style:t,className:r,"data-diver-type":a,dividerType:a}),m={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},u=a=>{var{siteType:r,role:t,title:s,styles:l,className:i}=a,d=n(a,["siteType","role","title","styles","className"]);const{t:u}=c(),p=t?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((a=>a===e)))(t):"",{classes:v,cx:y}=o(void 0,{name:"AuthorBadge",styles:l});return p&&m[p]?e.createElement("div",Object.assign({className:y(v.root,i),"data-label-type":p,"data-is-marrybaby":"marryBaby"===r},d),s||u(m[p])):null};var p="Dudns9-";const v=({value:t,choices:s,onChange:o})=>{const[n,c]=a(t);return r((()=>{c(t)}),[t]),e.createElement("div",{className:p},s.map(((a,r)=>e.createElement(l,{dataEventCategory:a.dataEventCategory,dataEventAction:a.dataEventAction,dataEventLabel:a.dataEventLabel,size:"sm",variant:a.value===n?"primary":"tertiary",key:r,onClick:()=>{c(a.value),null==o||o(a.value)}},a.label||""))))},y=a=>{var{fallbackSrc:s}=a,o=n(a,["fallbackSrc"]);const{other:c}=i(),l=t(null),d=s||c.defaultImage,m=o.src||d||"",u=t(!1);r((()=>{m!==d&&l.current&&(l.current.src=m)}),[]),r((()=>{u.current=!1}),[m]);return e.createElement("img",Object.assign({ref:l},o,{src:m,onError:e=>{var a;u.current||(e.currentTarget.src=d||"",u.current=!0),null===(a=o.onError)||void 0===a||a.call(o,e)}}))};export{u as A,v as B,d as D,y as I};
+import e,{useState as a,useEffect as r,useRef as t}from"react";import{B as s,C as o}from"./index-3dbc6ebf.js";import{_ as n}from"./tslib.es6-c174538e.js";import{u as c}from"./useTranslations-94771a46.js";import{B as l}from"./index-3ddcbc42.js";import{useMantineTheme as d}from"@mantine/core";const i=({type:a="solid",className:r,style:t})=>e.createElement(s,{style:t,className:r,"data-diver-type":a,dividerType:a}),m={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},u=a=>{var{siteType:r,role:t,title:s,styles:l,className:d}=a,i=n(a,["siteType","role","title","styles","className"]);const{t:u}=c(),p=t?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((a=>a===e)))(t):"",{classes:v,cx:y}=o(void 0,{name:"AuthorBadge",styles:l});return p&&m[p]?e.createElement("div",Object.assign({className:y(v.root,d),"data-label-type":p,"data-is-marrybaby":"marryBaby"===r},i),s||u(m[p])):null};var p="Dudns9-";const v=({value:t,choices:s,onChange:o})=>{const[n,c]=a(t);return r((()=>{c(t)}),[t]),e.createElement("div",{className:p},s.map(((a,r)=>e.createElement(l,{dataEventCategory:a.dataEventCategory,dataEventAction:a.dataEventAction,dataEventLabel:a.dataEventLabel,size:"sm",variant:a.value===n?"primary":"tertiary",key:r,onClick:()=>{c(a.value),null==o||o(a.value)}},a.label||""))))},y=a=>{var{fallbackSrc:s}=a,o=n(a,["fallbackSrc"]);const{other:c}=d(),l=t(null),i=s||c.defaultImage,m=o.src||i||"",u=t(!1);r((()=>{m!==i&&l.current&&(l.current.src=m)}),[]),r((()=>{u.current=!1}),[m]);return e.createElement("img",Object.assign({ref:l},o,{src:m,onError:e=>{var a;u.current||(e.currentTarget.src=i||"",u.current=!0),null===(a=o.onError)||void 0===a||a.call(o,e)}}))};export{u as A,v as B,i as D,y as I};

package/build/esm/{index-4d7073b2.js → index-9529425b.js}

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

package/build/esm/{index-d61e91ec.js → index-95ec3de4.js}

@@ -1 +1 @@
-import{G as r,B as t,a as e,b as a,L as n,O as o}from"./Onboarding-3a098961.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};
+import{G as r,B as t,a as e,b as a,L as n,O as o}from"./Onboarding-b42b75c2.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};

package/build/esm/{index-80254186.js → index-ae113fd6.js}

@@ -1 +1 @@
-import{a as e,_ as t}from"./tslib.es6-2f773aeb.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-2ae479cb.js";import"@mantine/dates";import{a as d}from"./index-523b1b14.js";import{L as l}from"./Onboarding-3a098961.js";import"./gAssets.js";import{h as p}from"./index-f86c8643.js";import"./index-313abbe7.js";import"dayjs";import"./screenSizeContext-daa144e8.js";import"styled-components";import"./theme-658bcd7b.js";import"./utils-934fc187.js";import"./isProduction-9fdedd97.js";import{u as m}from"./useTranslations-27ed0471.js";import"./index-f963f3c7.js";import"@mantine/hooks";import"lodash/debounce";import{M as v}from"./utils-f6a98198.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:O,handleDistrictChange:S,handleWardChange:T}=h({provinces:d}),[f,D]=r("");return i((()=>{g&&E&&C&&f?v.onChange({selectedProvince:g,selectedDistrict:E,selectedWard:C,extraInfo:f}):v.onChange(null)}),[g,E,C,f]),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:O,value:g}),s.createElement(c,{placeholder:(null==l?void 0:l.district)||b("onboarding.similac.input.district"),data:j.sort(),searchable:!0,onChange:S,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:T,disabled:!g||!E}),s.createElement(p,{placeholder:(null==l?void 0:l.address)||b("onboarding.similac.input.no"),disabled:!g||!E||!C,value:f,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-c174538e.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-2f56177d.js";import"@mantine/dates";import{a as d}from"./index-d3b6fc2e.js";import{L as l}from"./Onboarding-b42b75c2.js";import"./gAssets.js";import{h as p}from"./index-3ddcbc42.js";import"./index-3dbc6ebf.js";import"dayjs";import"./screenSizeContext-bcca5219.js";import"styled-components";import"./theme-3eb6679d.js";import"./utils-47c49ff6.js";import"./isProduction-19ebec0a.js";import{u as m}from"./useTranslations-94771a46.js";import"./index-cbbcf30b.js";import"@mantine/hooks";import"lodash/debounce";import{M as v}from"./utils-5640a88b.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:O,handleDistrictChange:S,handleWardChange:T}=h({provinces:d}),[f,D]=r("");return i((()=>{g&&E&&C&&f?v.onChange({selectedProvince:g,selectedDistrict:E,selectedWard:C,extraInfo:f}):v.onChange(null)}),[g,E,C,f]),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:O,value:g}),s.createElement(c,{placeholder:(null==l?void 0:l.district)||b("onboarding.similac.input.district"),data:j.sort(),searchable:!0,onChange:S,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:T,disabled:!g||!E}),s.createElement(p,{placeholder:(null==l?void 0:l.address)||b("onboarding.similac.input.no"),disabled:!g||!E||!C,value:f,onChange:D,style:{marginBottom:0}})),s.createElement(n.Error,{size:"md"},a))};export{j as A};

package/build/esm/{index-721531e5.js → index-c25f6437.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-2f773aeb.js";import t,{useState as a,useEffect as n}from"react";import{L as l}from"./Onboarding-3a098961.js";import{S as r,a as o,b as i}from"./index.styled-739f456f.js";const c=c=>{var{data:d,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(s,{currentUrl:f}),nextControlIcon:t.createElement(s,{currentUrl:f,isRight:!0})}),(e=>d.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"})))))))},s=({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-c174538e.js";import t,{useState as a,useEffect as n}from"react";import{L as l}from"./Onboarding-b42b75c2.js";import{S as r,a as o,b as i}from"./index.styled-a628dad4.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};

package/build/esm/{index-f963f3c7.js → index-cbbcf30b.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-2f773aeb.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};
+import{_ as e}from"./tslib.es6-c174538e.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};