@hhgtech/hhg-components 1.27.141 → 1.27.143

package/build/esm/{index-5334e645.js → index-c35bbdea.js}

@@ -1 +1 @@
-import{a as e,_ as t}from"./tslib.es6-cbcb09e8.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{e as c,S as d}from"./index-291de712.js";import"@mantine/dates";import{c as l}from"./index-0a62b4ef.js";import{L as p}from"./Onboarding-6bc6cea1.js";import"./gAssets.js";import"./index-eb35da54.js";import"dayjs";import"./screenSizeContext-e1b7149a.js";import"styled-components";import"./theme-b9447dbb.js";import"./isProduction-3b0badff.js";import{u as m}from"./useTranslations-cb168a77.js";import"@mantine/hooks";import"lodash/debounce";import"./useCategory-24501397.js";import{M as v}from"./utils-40ede702.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:d,wards:m,selectedProvince:h,selectedDistrict:y,selectedWard:g}=s,[j,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||p.Vietnam,`${l}/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,d=Object.keys(c),m=Object.keys((null===(e=n[d[0]])||void 0===e?void 0:e.list)||{}),b=Object.keys((null===(a=null===(s=n[d[0]])||void 0===s?void 0:s[m[0]])||void 0===a?void 0:a.list)||{});o({type:"SET_DATA",payload:{provinceByName:c,provinces:d,districts:m,wards:b}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:c,districts:d,wards:m,selectedProvince:h,selectedDistrict:y,selectedWard:g,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})}}},y=e=>{var{error:a,provinces:l,placeholder:p}=e,v=t(e,["error","provinces","placeholder"]);const{t:b}=m(),{provinces:u,districts:y,wards:g,selectedProvince:j,selectedDistrict:E,selectedWard:C,handleProvinceChange:O,handleDistrictChange:S,handleWardChange:T}=h({provinces:l}),[D,f]=r("");return i((()=>{j&&E&&C&&D?v.onChange({selectedProvince:j,selectedDistrict:E,selectedWard:C,extraInfo:D}):v.onChange(null)}),[j,E,C,D]),s.createElement(c.Wrapper,Object.assign({withAsterisk:!0},v),s.createElement(o,null,s.createElement(d,{placeholder:(null==p?void 0:p.province)||b("onboarding.similac.input.city"),data:l?u:u.sort(),searchable:!0,onChange:O,value:j}),s.createElement(d,{placeholder:(null==p?void 0:p.district)||b("onboarding.similac.input.district"),data:y.sort(),searchable:!0,onChange:S,value:E,disabled:!j}),s.createElement(d,{placeholder:(null==p?void 0:p.ward)||b("onboarding.similac.input.ward"),searchable:!0,data:g.sort(),value:C,onChange:T,disabled:!j||!E}),s.createElement(c,{placeholder:(null==p?void 0:p.address)||b("onboarding.similac.input.no"),disabled:!j||!E||!C,value:D,onChange:f,style:{marginBottom:0}})),s.createElement(n.Error,{size:"md"},a))};export{y as A};
+import{a as e,_ as t}from"./tslib.es6-de9ad0fc.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{e as c,S as d}from"./index-23d78f85.js";import"@mantine/dates";import{c as l}from"./index-f4801f7e.js";import{L as p}from"./Onboarding-3d496ff4.js";import"./gAssets.js";import"./index-e1859bd9.js";import"dayjs";import"./screenSizeContext-ec02e552.js";import"styled-components";import"./theme-c794c887.js";import"./isProduction-710f441e.js";import{u as m}from"./useTranslations-067b7d0d.js";import"@mantine/hooks";import"lodash/debounce";import"./useCategory-ac1a45de.js";import{M as v}from"./utils-c1d4a643.js";const u={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},h=(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}},y=({provinces:t})=>{const[s,o]=a(h,u),{provinceByName:n,provinces:c,districts:d,wards:m,selectedProvince:y,selectedDistrict:b,selectedWard:g}=s,[j,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||p.Vietnam,`${l}/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,d=Object.keys(c),m=Object.keys((null===(e=n[d[0]])||void 0===e?void 0:e.list)||{}),u=Object.keys((null===(a=null===(s=n[d[0]])||void 0===s?void 0:s[m[0]])||void 0===a?void 0:a.list)||{});o({type:"SET_DATA",payload:{provinceByName:c,provinces:d,districts:m,wards:u}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:c,districts:d,wards:m,selectedProvince:y,selectedDistrict:b,selectedWard:g,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[y])||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})}}},b=e=>{var{error:a,provinces:l,placeholder:p}=e,v=t(e,["error","provinces","placeholder"]);const{t:u}=m(),{provinces:h,districts:b,wards:g,selectedProvince:j,selectedDistrict:E,selectedWard:C,handleProvinceChange:O,handleDistrictChange:S,handleWardChange:T}=y({provinces:l}),[f,D]=r("");return i((()=>{j&&E&&C&&f?v.onChange({selectedProvince:j,selectedDistrict:E,selectedWard:C,extraInfo:f}):v.onChange(null)}),[j,E,C,f]),s.createElement(c.Wrapper,Object.assign({withAsterisk:!0},v),s.createElement(o,null,s.createElement(d,{placeholder:(null==p?void 0:p.province)||u("onboarding.similac.input.city"),data:l?h:h.sort(),searchable:!0,onChange:O,value:j}),s.createElement(d,{placeholder:(null==p?void 0:p.district)||u("onboarding.similac.input.district"),data:b.sort(),searchable:!0,onChange:S,value:E,disabled:!j}),s.createElement(d,{placeholder:(null==p?void 0:p.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:g.sort(),value:C,onChange:T,disabled:!j||!E}),s.createElement(c,{placeholder:(null==p?void 0:p.address)||u("onboarding.similac.input.no"),disabled:!j||!E||!C,value:f,onChange:D,style:{marginBottom:0}})),s.createElement(n.Error,{size:"md"},a))};export{b as A};

package/build/esm/{index-c18492a5.js → index-da76f81b.js}

@@ -1,4 +1,4 @@
-import{_ as e}from"./tslib.es6-cbcb09e8.js";import t,{useMemo as n,useState as a,useEffect as o}from"react";import{L as l}from"./Onboarding-6bc6cea1.js";import{CommonGAssets as r}from"./gAssets.js";import{t as i}from"./theme-b9447dbb.js";import c from"styled-components";import{I as s,i as d}from"./index-291de712.js";import{T as p}from"./index-f5158a33.js";const m=c.div`
+import{_ as e}from"./tslib.es6-de9ad0fc.js";import t,{useMemo as n,useState as o,useEffect as a}from"react";import{L as l}from"./Onboarding-3d496ff4.js";import{CommonGAssets as r}from"./gAssets.js";import{t as i}from"./theme-c794c887.js";import c from"styled-components";import{I as s,i as d}from"./index-23d78f85.js";import{T as p}from"./index-fc5691f0.js";const m=c.div`
   display: inline-flex;
   overflow: hidden;
   width: ${e=>e.size}px;
@@ -36,9 +36,9 @@ import{_ as e}from"./tslib.es6-cbcb09e8.js";import t,{useMemo as n,useState as a
   & > * {
     pointer-events: none;
   }
-`,b=[l.Myanmar,l.Taiwan],h=c((a=>{var{icon:o,name:l,className:c,locale:d="en-PH",dataEventCategory:h,dataEventAction:v,dataEventLabel:u,onSelect:x}=a,w=e(a,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const k=n((()=>null==c?void 0:c.includes("selected-week-pill")),[c]);return t.createElement(g,Object.assign({onClick:x,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child","data-event-category":h,"data-event-action":v,"data-event-label":u},w),t.createElement(m,{size:64,iconSize:40,backgroundColor:i.colors.white},t.createElement(s,{src:o||r.getAssetPath("week_default.png"),alt:`week ${l}`})),k?t.createElement(p,Object.assign({type:"semiBold",size:"n1",color:i.colors.gray800},b.includes(d)&&{style:{fontSize:"10px"}}),l):t.createElement(p,Object.assign({size:"n1",color:i.colors.gray600},b.includes(d)&&{style:{fontSize:"10px"}}),l))}))`
+`,h=[l.Myanmar,l.Taiwan],v=c((o=>{var{icon:a,name:l,className:c,locale:d="en-PH",dataEventCategory:v,dataEventAction:b,dataEventLabel:u,onSelect:x}=o,f=e(o,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const w=n((()=>null==c?void 0:c.includes("selected-week-pill")),[c]);return t.createElement(g,Object.assign({onClick:x,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child","data-event-category":v,"data-event-action":b,"data-event-label":u},f),t.createElement(m,{size:64,iconSize:40,backgroundColor:i.colors.white},t.createElement(s,{src:a||r.getAssetPath("week_default.png"),alt:`week ${l}`})),w?t.createElement(p,Object.assign({type:"semiBold",size:"n1",color:i.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),l):t.createElement(p,Object.assign({size:"n1",color:i.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),l))}))`
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
-`,v=c(d.Slide)`
+`,b=c(d.Slide)`
   cursor: pointer;
   > div * {
     pointer-events: none;
@@ -47,4 +47,4 @@ import{_ as e}from"./tslib.es6-cbcb09e8.js";import t,{useMemo as n,useState as a
   .centerred-pill-wrapper {
     padding: 16px 0;
   }
-`,x=n=>{var{data:r,isMobile:i,onSlideChange:c,pillProps:s,locale:d=l.Vietnam,blurFromIndex:p,blurLength:m}=n,g=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const b={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(i?2:4),blurLength:m||(i?1:3),onSlideChange:c},[x,k]=a("");return o((()=>{k(window.location.href)}),[]),t.createElement(u,Object.assign({},b,g,{selectSlideWhenClick:!0,previousControlIcon:t.createElement(w,{currentUrl:x}),nextControlIcon:t.createElement(w,{currentUrl:x,isRight:!0})}),(e=>r.map(((n,a)=>t.createElement(v,Object.assign({key:a,onClick:c,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":x,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":x}},s),t.createElement("div",{className:"centerred-pill-wrapper"},t.createElement(h,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":x,locale:d,name:n.name,icon:n.icon,className:a===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))))},w=({isRight:e,currentUrl:n})=>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":n,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{x as P};
+`,x=n=>{var{data:r,isMobile:i,onSlideChange:c,pillProps:s,locale:d=l.Vietnam,blurFromIndex:p,blurLength:m}=n,g=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const h={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(i?2:4),blurLength:m||(i?1:3),onSlideChange:c},[x,w]=o("");return a((()=>{w(window.location.href)}),[]),t.createElement(u,Object.assign({},h,g,{selectSlideWhenClick:!0,previousControlIcon:t.createElement(f,{currentUrl:x}),nextControlIcon:t.createElement(f,{currentUrl:x,isRight:!0})}),(e=>r.map(((n,o)=>t.createElement(b,Object.assign({key:o,onClick:c,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":x,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":x}},s),t.createElement("div",{className:"centerred-pill-wrapper"},t.createElement(v,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":x,locale:d,name:n.name,icon:n.icon,className:o===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))))},f=({isRight:e,currentUrl:n})=>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":n,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{x as P};