@hhgtech/hhg-components 1.28.26 → 1.28.27

package/build/esm/index-146e09e3.js

@@ -1,177 +0,0 @@
-import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as l}from"@mantine/core";import{t as n,M as i}from"./screenSizeContext-7e881f6d.js";import{a1 as r,a2 as d,a3 as s,a4 as c,a5 as m,a6 as h,x as p}from"./index.styles-07a11ccd.js";import{T as u,I as g}from"./index-c382ba8d.js";import{u as y}from"./useScrollbarSize-a671c544.js";import{createPortal as b}from"react-dom";import f from"styled-components";import{u as v}from"./useTranslations-28b19550.js";import{G as x}from"./Onboarding-68463903.js";import{M as C,a as E}from"./index-f4cf350a.js";import{t as w}from"./theme-f470318d.js";import{T as k}from"./index-7344117e.js";const B=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),_=({children:o,title:i,onClose:r,open:m=!1,placement:h="left",destroyOnClose:p=!1,isPropagationEvent:g=!0,className:y})=>{const b=t();a((()=>(n(m),()=>n(!1))),[m]);const f=()=>{b.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&p?null:e.createElement(l,null,e.createElement(d,{className:y,open:m},e.createElement(B,{open:m,onClickOutside:f}),e.createElement(s,{open:m,placement:h,ref:b,hasTitle:Boolean(i)},e.createElement("div",{className:"title"},i&&e.createElement(u,{size:"s2",weight:"semiBold"},i),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"close-button",onClick:f},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=>{g&&e.stopPropagation()}},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:f}):null)))))},$=({value:t,options:a,className:l,direction:n="horizontal",onChange:i,isDisabled:r,siteType:d})=>{const[s,c]=o(t),p="marryBaby"===d;return e.createElement(m,{className:l,"data-direction":n},a.map(((a,o)=>e.createElement(h,{"data-selected":(t||s)===a.value,"data-is-mb":p,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(c(e),i&&i(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,p?e.createElement(C,{type:"subtitle-2",color:(t||s)===a.value?w.mbColors.dark:w.mbColors.midGray},a.label):e.createElement(k,{type:"bold",color:(t||s)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},j="hhgcomp-modal-modal",N=p(f.div`
-  position: relative;
-  z-index: 200;
-  background-color: ${e=>e.theme.colors.white};
-  border-radius: ${e=>e.theme.borderRadius};
-  box-shadow: 0px 4px 8px ${e=>e.theme.colors.gray200};
-  &[data-site-type='marryBaby'] {
-    border-radius: 16px;
-    .hhg-modal__content {
-      position: relative;
-      z-index: 111;
-      height: 100%;
-
-      padding: 24px;
-    }
-  }
-  .hhg-modal__content {
-    position: relative;
-    z-index: 111;
-    height: 100%;
-    padding: 16px;
-  }
-  .hhg-modal__video {
-    position: relative;
-    z-index: 111;
-    height: 100%;
-    background-color: none;
-    box-shadow: none;
-  }
-`,j),L=f.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 201;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  outline: 0;
-  visibility: hidden;
-  background-color: rgba(38, 38, 38, 0.3);
-
-  .hhg-modal__close {
-    position: absolute;
-    top: 16px;
-    right: 16px;
-    cursor: pointer;
-    img {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-    }
-  }
-  &[data-type='video'] {
-    z-index: 1001;
-  }
-  &[data-open='true'] {
-    visibility: visible;
-  }
-
-  &.slideTop {
-    .${j} {
-      transform: translate(0, -100vh);
-      transition: all 0.5s ease;
-    }
-
-    &[data-open='true'] {
-      .${j} {
-        transform: translate(0);
-      }
-    }
-  }
-
-  &.scaleUp {
-    .${j} {
-      transform: scale(0.9);
-    }
-
-    &[data-open='true'] {
-      .${j} {
-        transition: all 0.3s ease-out;
-        transform: scale(1);
-      }
-    }
-  }
-
-  &[data-type='tail'] {
-    justify-content: flex-end;
-    .${j} {
-      width: 420px;
-      height: 100%;
-      border-radius: 0;
-      overflow: hidden auto;
-    }
-  }
-  &[data-type='form'] {
-    .${j} {
-      width: 496px;
-      height: 548px;
-      max-height: 100%;
-      overflow-y: auto;
-      ${i.mbDown} {
-        width: 340px;
-      }
-    }
-  }
-  &[data-type='video'] {
-    .${j} {
-      height: 100%;
-      max-height: 539px;
-      ${i.mbDown} {
-        height: 192px;
-        width: 100%;
-        height: 100%;
-        border-radius: ${e=>e.theme.borderRadius};
-        max-height: 192px;
-      }
-    }
-  }
-  &[data-type='confirm'] {
-    .${j} {
-      width: 100%;
-      max-width: 407px;
-      ${i.mbDown} {
-        width: calc(100% - 32px);
-        max-width: calc(100% - 32px);
-      }
-    }
-  }
-`,z=f.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  align-items: center;
-
-  &[data-open='false'] {
-    display: none;
-  }
-  &[data-type='video'] {
-    background-color: ${e=>e.theme.colors.secondaryDark};
-  }
-`,T="hhg-modals",G=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},D=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},M=({type:l="lead",closeIcon:n,isOpen:i=!0,onClose:r,children:d,className:s="",animationType:c="slideTop",isStaticBackdrop:m=!1,siteType:h})=>{const[p,u]=o(!1),g=t(null),{width:f}=y();if(!g.current&&p&&(g.current=document.createElement("div")),a((()=>(u(!0),()=>{u(!1),G(),D()})),[]),a((()=>{if(p){const e=(()=>{let e=document.getElementById(T);return e||(e=document.createElement("div"),e.setAttribute("id",T),document.body.append(e)),e})();return e.appendChild(g.current),()=>{e.removeChild(g.current)}}}),[p]),a((()=>{i?document.body.classList.add("hhc-modal-show"):G()}),[i]),a((()=>{i?(document.body.style.overflow="hidden",document.body.style.paddingRight=f+"px",document.body.classList.add("hhc-disabled-scroll")):D()}),[i,f]),!p)return null;const v=["hhg-modal__wrapper",s,c].filter((e=>e)).join(" ");return b(e.createElement(L,{className:v,"data-open":i,"data-type":l},!m&&e.createElement(z,{"data-open":i,onClick:r,"data-type":l}),!m&&"video"===l&&!!n&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),e.createElement(N,{className:"hhg-modal","data-open":i,"data-site-type":h},e.createElement("div",{className:"video"===l?"hhg-modal__video":"hhg-modal__content"},!!n&&"video"!==l&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),d))),g.current)},O=f.div`
-  & > :not(:last-child) {
-    margin-bottom: 8px;
-  }
-
-  .gender-selector {
-    & > :not(:last-child) {
-      margin-right: 16px;
-    }
-
-    & > div {
-      width: calc(50% - 8px);
-
-      ${i.mbUp} {
-        justify-self: left;
-      }
-    }
-  }
-`,S=f($)`
-  & > div > div {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-content: center;
-    gap: 8px;
-    padding-block: 5px;
-  }
-  .radio-group-item-heading {
-    margin-top: 0;
-  }
-`,R=({value:t,onChange:a,siteType:o})=>{const{t:l}=v(),n="marryBaby"==o;return e.createElement(O,{"data-is-marryBaby":n},n?e.createElement(E,{type:"h4",color:w.mbColors.dark},l("tools.selectBabyGender")):e.createElement(u,{size:"label2",weight:"bold",style:{marginBottom:"0.5rem"}},l("tools.selectBabyGender")),e.createElement(S,{siteType:o,options:[{value:x.Boy,label:l("gender.male"),content:n?e.createElement(g.BabyBoyMB,null):e.createElement(g.GenderChooseBoy,null)},{value:x.Girl,label:l("gender.female"),content:n?e.createElement(g.BabyGirlMB,null):e.createElement(g.GenderChooseGirl,null)}],value:t,onChange:a,className:"gender-selector"}))};export{R as B,_ as D,M,$ as R};

package/build/esm/index-3d5c1bc6.js

@@ -1 +0,0 @@
-import a,{useState as e,useEffect as t}from"react";import{L as s}from"./Onboarding-68463903.js";import{CommonGAssets as l}from"./gAssets.js";import{i as o,a as n,b as r,c as g,d as m,e as i,f as c,g as h,S as d,L as u,h as N}from"./utils-4dd7269c.js";import{I as y}from"./index-ee15c33c.js";const f=({type:f,className:w,style:p,isLightLogo:E,customSize:A,badge:P,locale:L,dateForSeasonal:b,isPro:V})=>{const[z,Y]=e({isChristmas:!1,isLunarNewYear:!1,isNewYear:!1,isRamadan:!1,isVNHungKing:!1,isVN3004:!1,isLabourDay:!1});return t((()=>{if(!b||isNaN(new Date(b).getTime()))return;const a=new Date(b),e=o(a),t=n.includes(L)&&r(a),l=!t&&g(a),d=m(a),u=L===s.Vietnam&&i(a),N=L===s.Vietnam&&c(a),y=L===s.Vietnam&&h(a);Y({isChristmas:e,isLunarNewYear:t,isNewYear:l,isRamadan:d,isVNHungKing:u,isVN3004:N,isLabourDay:y})}),[L,new Date(b).getDate()]),a.createElement(d,{className:w,style:p,"data-logo-is-light":E||void 0,"data-has-badge":!!P,"data-seasonal":z.isRamadan?"ramadan":z.isChristmas?"christmas":z.isLunarNewYear?"lunar-new-year":z.isNewYear?"new-year":z.isVNHungKing?"hung-king":z.isVN3004?"30-04":z.isLabourDay?"labour-day":void 0,"data-type":f},z.isChristmas?a.createElement(a.Fragment,null,a.createElement(y,{alt:"left xmas logo",src:l.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),a.createElement(y,{alt:"right xmas logo",src:l.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):z.isNewYear?a.createElement(a.Fragment,null,a.createElement(y,{alt:"left new year logo",src:l.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),a.createElement(y,{alt:"right new year logo",src:l.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):z.isLunarNewYear?a.createElement(a.Fragment,null,a.createElement(y,{alt:"left lunar new year logo",loading:"lazy",src:l.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),a.createElement(y,{alt:"right lunar new year logo",loading:"lazy",src:l.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):z.isRamadan&&"hellosehat"===f?a.createElement(a.Fragment,null,a.createElement(y,{alt:"left ramadan logo",loading:"lazy",src:l.getAssetPath("logo/ramadan-sehat-left.png"),className:"common-logo-seasonal-left"}),a.createElement(y,{alt:"right ramadan logo",loading:"lazy",src:l.getAssetPath("logo/ramadan-sehat-right.png"),className:"common-logo-seasonal-right"})):z.isRamadan&&"hellodoktor"===f?a.createElement(a.Fragment,null,a.createElement(y,{alt:"left ramadan logo",loading:"lazy",src:l.getAssetPath("logo/ramadan-doktor-left.png"),className:"common-logo-seasonal-left"}),a.createElement(y,{alt:"right ramadan logo",loading:"lazy",src:l.getAssetPath("logo/ramadan-doktor-right.png"),className:"common-logo-seasonal-right"})):!z.isVNHungKing||"hellobacsi"!==f&&"marryBaby"!==f?null:a.createElement(a.Fragment,null,a.createElement(y,{alt:"Hung King logo",loading:"lazy",src:l.getAssetPath("logo/hung-king-bg.png"),className:"common-logo-seasonal-left"})),a.createElement(u,{type:f,width:null==A?void 0:A.width,height:null==A?void 0:A.height}),V?a.createElement(N,{src:l.getAssetPath("logo/pro-suffix.svg")}):null,P)};export{f as L};

package/build/esm/index-480d01ae.js

@@ -1,50 +0,0 @@
-import{_ as e}from"./tslib.es6-71be3ad2.js";import t,{useMemo as n,useState as a,useEffect as o}from"react";import{L as l}from"./Onboarding-68463903.js";import{CommonGAssets as r}from"./gAssets.js";import{t as i}from"./theme-f470318d.js";import c from"styled-components";import{I as s,g as d}from"./index-ee15c33c.js";import{T as p}from"./index-7344117e.js";const m=c.div`
-  display: inline-flex;
-  overflow: hidden;
-  width: ${e=>e.size}px;
-  height: ${e=>e.size}px;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-
-  border: 1px solid #e4e8ec;
-  background-color: ${e=>e.backgroundColor||i.colors.white};
-  border-radius: ${e=>e.borderRadius||"50%"};
-  & > * {
-    width: ${e=>e.iconSize}px;
-    height: ${e=>e.iconSize}px;
-  }
-`,g=c.div`
-  display: inline-block;
-  height: 108px;
-  background-color: ${e=>e.theme.colors.white};
-  border-radius: 60px;
-  cursor: pointer;
-  &.selected-week-pill {
-    background-color: ${e=>e.theme.colors.pink100};
-  }
-
-  & > div:first-child {
-    margin: 4px 4px 0;
-  }
-
-  & > p {
-    margin-top: 8px;
-    text-align: center;
-  }
-
-  & > * {
-    pointer-events: none;
-  }
-`,h=[l.Myanmar,l.Taiwan],v=c((a=>{var{icon:o,name:l,className:c,locale:d="en-PH",dataEventCategory:v,dataEventAction:b,dataEventLabel:u,onSelect:x}=a,k=e(a,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const C=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},k),t.createElement(m,{size:64,iconSize:40,backgroundColor:i.colors.white},t.createElement(s,{src:o||r.getAssetPath("week_default.png"),alt:`week ${l}`})),C?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);
-`,b=c(d.Slide)`
-  cursor: pointer;
-  > div * {
-    pointer-events: none;
-  }
-`,u=c(d)`
-  .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 h={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(i?2:4),blurLength:m||(i?1:3),onSlideChange:c},[x,C]=a("");return o((()=>{C(window.location.href)}),[]),t.createElement(u,Object.assign({},h,g,{selectSlideWhenClick:!0,previousControlIcon:t.createElement(k,{currentUrl:x}),nextControlIcon:t.createElement(k,{currentUrl:x,isRight:!0})}),(e=>r.map(((n,a)=>t.createElement(b,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(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:a===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))))},k=({isRight:e,currentUrl:n})=>t.createElement("svg",{viewBox:"0 0 15 15",fill:"none",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};

package/build/esm/index-58c18460.js

@@ -1 +0,0 @@
-import{a as e,_ as t}from"./tslib.es6-71be3ad2.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{c,S as d}from"./index-ee15c33c.js";import"@mantine/dates";import{c as l}from"./index-dbff2d47.js";import{L as p}from"./Onboarding-68463903.js";import"./gAssets.js";import"./index-c382ba8d.js";import"dayjs";import"./screenSizeContext-7e881f6d.js";import"styled-components";import"./theme-f470318d.js";import"./isProduction-51fadd96.js";import{u as m}from"./useTranslations-28b19550.js";import"@mantine/hooks";import"lodash/debounce";import"./useCategory-66dc7051.js";import{M as v}from"./utils-c9c9f998.js";const u={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},b=(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(b,u),{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)||{}),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: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:u}=m(),{provinces:b,districts:y,wards:g,selectedProvince:j,selectedDistrict:E,selectedWard:C,handleProvinceChange:O,handleDistrictChange:S,handleWardChange:T}=h({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?b:b.sort(),searchable:!0,onChange:O,value:j}),s.createElement(d,{placeholder:(null==p?void 0:p.district)||u("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)||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{y as A};

package/build/esm/index-5b6ce3c8.js

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

package/build/esm/index-7344117e.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-71be3ad2.js";import e from"react";import"./index-ee15c33c.js";import"@mantine/core";import"@mantine/dates";import"./index-dbff2d47.js";import"./Onboarding-68463903.js";import"./gAssets.js";import{T as i}from"./index-c382ba8d.js";import"dayjs";import"./screenSizeContext-7e881f6d.js";import"styled-components";import"./theme-f470318d.js";import"./isProduction-51fadd96.js";import"./translationsContext-d199b4bc.js";import"string-format";import"@mantine/hooks";const o=o=>{var{size:r="base",type:s="regular"}=o,m=t(o,["size","type"]);return e.createElement(i,Object.assign({size:r,weight:"caption"===s?"bold":s},m))};export{o as T};