@hhgtech/hhg-components 1.28.64-beta-2 → 1.28.65

package/build/esm/{index-33249c53.js → index-18ff3f75.js}

@@ -1 +1 @@
-import{_ as t}from"./tslib.es6-6fef0731.js";import a from"react";import{B as o}from"./index-3069179b.js";const d=d=>{var{size:e,color:i="primary",isDisabled:r,isBlock:n,title:c,onClick:l,icon:s,iconPosition:u="left",children:p,isLoading:P=!1,loadingText:g,dataEventCategory:v,dataEventAction:m,dataEventLabel:b,dataProductChannel:y,dataProductSku:C,dataProductBrand:f,dataProductName:h,dataProductPrice:k,dataProductCategory:E,dataProductPosition:B,type:x}=d,L=t(d,["size","color","isDisabled","isBlock","title","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);const j={"data-event-category":v,"data-event-action":m,"data-event-label":b,"data-product-channel":y,"data-product-sku":C,"data-product-brand":f,"data-product-name":h,"data-product-price":k,"data-product-category":E,"data-product-position":B};return a.createElement(o,Object.assign({},j,{size:e,variant:"transparent"===i?"white":"danger"===i?"error":i,disabled:r,onClick:t=>{!P&&!r&&l&&l(t)},title:c,loading:P,type:x,leftIcon:"left"===u?s:void 0,rightIcon:"right"===u?s:void 0,w:n?"100%":void 0,p:n?"12px auto":void 0},L),P&&g||p)};export{d as B};
+import{_ as t}from"./tslib.es6-4a7efa3e.js";import a from"react";import{B as o}from"./index-8c1e2ce6.js";const d=d=>{var{size:e,color:i="primary",isDisabled:r,isBlock:n,title:c,onClick:l,icon:s,iconPosition:u="left",children:p,isLoading:P=!1,loadingText:g,dataEventCategory:v,dataEventAction:m,dataEventLabel:y,dataProductChannel:b,dataProductSku:C,dataProductBrand:h,dataProductName:k,dataProductPrice:f,dataProductCategory:E,dataProductPosition:B,type:x}=d,L=t(d,["size","color","isDisabled","isBlock","title","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);const j={"data-event-category":v,"data-event-action":m,"data-event-label":y,"data-product-channel":b,"data-product-sku":C,"data-product-brand":h,"data-product-name":k,"data-product-price":f,"data-product-category":E,"data-product-position":B};return a.createElement(o,Object.assign({},j,{size:e,variant:"transparent"===i?"white":"danger"===i?"error":i,disabled:r,onClick:t=>{!P&&!r&&l&&l(t)},title:c,loading:P,type:x,leftIcon:"left"===u?s:void 0,rightIcon:"right"===u?s:void 0,w:n?"100%":void 0,p:n?"12px auto":void 0},L),P&&g||p)};export{d as B};

package/build/esm/index-1f2316ca.js

@@ -0,0 +1 @@
+import{a as e,_ as t}from"./tslib.es6-4a7efa3e.js";import s,{useReducer as a,useState as r,useEffect as i}from"react";import{Stack as n,Input as c}from"@mantine/core";import{d as o,S as d}from"./index-8c1e2ce6.js";import"@mantine/dates";import{c as l}from"./index-05214244.js";import{L as p}from"./Subot-ade21804.js";import"./index-01efa9be.js";import"./Plus-61592057.js";import"./theme-2f0d6367.js";import{u as v}from"./useTranslations-cce18e33.js";import"@mantine/hooks";import"./utils-597f4846.js";import{M as m}from"./utils-c6a7729e.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,n]=a(h,u),{provinceByName:c,provinces:o,districts:d,wards:v,selectedProvince:y,selectedDistrict:b,selectedWard:E}=s,[g,j]=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-${m[r]}.json`)).then((e=>e.json()));j(i);const{list:c}=i,o=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,c):c,d=Object.keys(o),v=Object.keys((null===(e=c[d[0]])||void 0===e?void 0:e.list)||{}),u=Object.keys((null===(a=null===(s=c[d[0]])||void 0===s?void 0:s[v[0]])||void 0===a?void 0:a.list)||{});n({type:"SET_DATA",payload:{provinceByName:o,provinces:d,districts:v,wards:u}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:o,districts:d,wards:v,selectedProvince:y,selectedDistrict:b,selectedWard:E,handleProvinceChange:e=>{var t;const s=Object.keys((null===(t=c[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:s}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,s;const a=Object.keys((null===(s=null===(t=c[y])||void 0===t?void 0:t.list[e])||void 0===s?void 0:s.list)||{});n({type:"SET_WARDS",payload:a}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}},b=e=>{var{error:a,provinces:l,placeholder:p}=e,m=t(e,["error","provinces","placeholder"]);const{t:u}=v(),{provinces:h,districts:b,wards:E,selectedProvince:g,selectedDistrict:j,selectedWard:C,handleProvinceChange:S,handleDistrictChange:T,handleWardChange:O}=y({provinces:l}),[D,f]=r("");return i((()=>{g&&j&&C&&D?m.onChange({selectedProvince:g,selectedDistrict:j,selectedWard:C,extraInfo:D}):m.onChange(null)}),[g,j,C,D]),s.createElement(o.Wrapper,Object.assign({withAsterisk:!0},m),s.createElement(n,null,s.createElement(d,{placeholder:(null==p?void 0:p.province)||u("onboarding.similac.input.city"),data:l?h:h.sort(),searchable:!0,onChange:S,value:g}),s.createElement(d,{placeholder:(null==p?void 0:p.district)||u("onboarding.similac.input.district"),data:b.sort(),searchable:!0,onChange:T,value:j,disabled:!g}),s.createElement(d,{placeholder:(null==p?void 0:p.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:E.sort(),value:C,onChange:O,disabled:!g||!j}),s.createElement(o,{placeholder:(null==p?void 0:p.address)||u("onboarding.similac.input.no"),disabled:!g||!j||!C,value:D,onChange:f,style:{marginBottom:0}})),s.createElement(c.Error,{size:"md"},a))};export{b as A};

package/build/esm/index-200ec6b1.js

@@ -0,0 +1 @@
+import{_ as e}from"./tslib.es6-4a7efa3e.js";import o from"react";import{Indicator as t}from"@mantine/core";import{t as r}from"./theme-2f0d6367.js";const s=s=>{var{styles:i,color:a=r.colors.red700}=s,n=e(s,["styles","color"]);return o.createElement(t,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},i),color:a},n))};export{s as I};

package/build/esm/index-418f072b.js

@@ -0,0 +1 @@
+import{_ as t}from"./tslib.es6-4a7efa3e.js";import e from"react";import"./index-8c1e2ce6.js";import"@mantine/core";import"@mantine/dates";import"./index-05214244.js";import"./Subot-ade21804.js";import"./index-01efa9be.js";import{T as i}from"./Plus-61592057.js";import"./theme-2f0d6367.js";import"./translationsContext-d3dc4282.js";import"string-format";import"@mantine/hooks";import"./utils-597f4846.js";const r=r=>{var{size:o="base",type:s="regular"}=r,m=t(r,["size","type"]);return e.createElement(i,Object.assign({size:o,weight:"caption"===s?"bold":s},m))};export{r as T};

package/build/esm/{index-50966ef5.js → index-557e3a42.js}

@@ -1,4 +1,4 @@
-import e,{useContext as i,useState as t}from"react";import{M as o}from"./utils-00f9dcec.js";import n from"styled-components";import{t as l}from"./theme-c0efd55f.js";import{_ as a}from"./tslib.es6-6fef0731.js";import{T as r}from"./utils-8d710399.js";const d=n.div`
+import e,{useContext as i,useState as t}from"react";import{M as o}from"./utils-597f4846.js";import n from"styled-components";import{t as l}from"./theme-2f0d6367.js";import{_ as a}from"./tslib.es6-4a7efa3e.js";import{T as r}from"./utils-e3640c23.js";const d=n.div`
   position: fixed;
   left: 50%;