@hhgtech/hhg-components 1.27.37 → 1.27.40

package/build/esm/index-4f316d87.js

@@ -0,0 +1 @@
+import a,{useState as e,useEffect as t}from"react";import{A as r,B as s}from"./index-4d579ab7.js";import{_ as o}from"./tslib.es6-473ccb87.js";import{u as n}from"./useTranslations-e8922a21.js";import{B as d}from"./index-c4d88a81.js";const l=({type:e="solid",className:t,style:s})=>a.createElement(r,{style:s,className:t,"data-diver-type":e,dividerType:e}),i={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},c=e=>{var{siteType:t,role:r,title:d,styles:l,className:c}=e,m=o(e,["siteType","role","title","styles","className"]);const{t:u}=n(),p=r?(a=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((e=>e===a)))(r):"",{classes:y,cx:v}=s(void 0,{name:"AuthorBadge",styles:l});return p&&i[p]?a.createElement("div",Object.assign({className:v(y.root,c),"data-label-type":p,"data-is-marrybaby":"marryBaby"===t},m),d||u(i[p])):null};var m="Dudns9-";const u=({value:r,choices:s,onChange:o})=>{const[n,l]=e(r);return t((()=>{l(r)}),[r]),a.createElement("div",{className:m},s.map(((e,t)=>a.createElement(d,{dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel,size:"sm",variant:e.value===n?"primary":"tertiary",key:t,onClick:()=>{l(e.value),null==o||o(e.value)}},e.label||""))))};export{c as A,u as B,l as D};

package/build/esm/{index-36e639f4.js → index-54a83a0e.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-fde1f43c.js";import t,{useState as a,useEffect as n}from"react";import{L as l}from"./Onboarding-dcee14bb.js";import{S as r,a as o,b as i}from"./index.styled-591d0fb6.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},[f,k]=a("");return n((()=>{k(window.location.href)}),[]),t.createElement(r,Object.assign({},u,C,{selectSlideWhenClick:!0,previousControlIcon:t.createElement(d,{currentUrl:f}),nextControlIcon:t.createElement(d,{currentUrl:f,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":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"})))))))},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};
+import{_ as e}from"./tslib.es6-473ccb87.js";import t,{useState as a,useEffect as n}from"react";import{L as l}from"./Onboarding-82fe006a.js";import{S as r,a as o,b as i}from"./index.styled-ad1cb88f.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},[f,k]=a("");return n((()=>{k(window.location.href)}),[]),t.createElement(r,Object.assign({},u,C,{selectSlideWhenClick:!0,previousControlIcon:t.createElement(d,{currentUrl:f}),nextControlIcon:t.createElement(d,{currentUrl:f,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":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"})))))))},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-558a5045.js

@@ -0,0 +1 @@
+import e,{useMemo as a}from"react";import{CommonGAssets as t}from"./gAssets.js";import{D as s,F as l,G as o,J as r,K as n,L as g,N as m}from"./index-4d579ab7.js";import{I as i}from"./index-3e66a614.js";const c=({type:c,className:h,style:w,isLightLogo:u,customSize:d,badge:N,locale:f,dateForSeasonal:y,isPro:p})=>{const E=a((()=>{if(!y||isNaN(new Date(y).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(y),a=s(e),t=l.includes(f)&&o(e);return{isChristmas:a,isLunarNewYear:t,isNewYear:!t&&r(e)}}),[f,new Date(y).getDate()]);return e.createElement(n,{className:h,style:w,"data-logo-is-light":u||void 0,"data-has-badge":!!N,"data-christmas":E.isChristmas,"data-new-year":E.isNewYear,"data-lunar-new-year":E.isLunarNewYear},E.isChristmas?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left xmas logo",src:t.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right xmas logo",src:t.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):E.isNewYear?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left new year logo",src:t.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right new year logo",src:t.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):E.isLunarNewYear?e.createElement(e.Fragment,null,e.createElement(i,{alt:"left lunar new year logo",loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement(i,{alt:"right lunar new year logo",loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,e.createElement(g,{type:c,width:null==d?void 0:d.width,height:null==d?void 0:d.height}),p?e.createElement(m,{src:t.getAssetPath("logo/pro-suffix.svg")}):null,N)};export{c as L};

package/build/esm/{index-0c9a24b4.js → index-5ef75a1c.js}

@@ -1 +1 @@
-import{a as e,_ as t}from"./tslib.es6-fde1f43c.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-944ec55e.js";import"@mantine/dates";import{a as d}from"./index-3f1ef582.js";import{L as l}from"./Onboarding-dcee14bb.js";import"./gAssets.js";import{h as p}from"./index-2e212274.js";import"./index-dd70c978.js";import"dayjs";import"./screenSizeContext-ea6087fb.js";import"styled-components";import"./theme-a16c5bc3.js";import"./utils-074da289.js";import"./isProduction-c39cdcda.js";import{u as m}from"./useTranslations-64a44b4f.js";import"./index-5ea203ac.js";import"@mantine/hooks";import"lodash/debounce";import{M as v}from"./utils-ea1e3689.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: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)||{}),u=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:u}})}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:u}=m(),{provinces:b,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)||u("onboarding.similac.input.city"),data:d?b:b.sort(),searchable:!0,onChange:O,value:g}),s.createElement(c,{placeholder:(null==l?void 0:l.district)||u("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)||u("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)||u("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-473ccb87.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-28798038.js";import"@mantine/dates";import{a as d}from"./index-a30cdd1b.js";import{L as l}from"./Onboarding-82fe006a.js";import"./gAssets.js";import{h as p}from"./index-c4d88a81.js";import"./index-4d579ab7.js";import"dayjs";import"./screenSizeContext-f04e5151.js";import"styled-components";import"./theme-d9e20331.js";import"./utils-edae1592.js";import"./isProduction-3f988439.js";import{u as m}from"./useTranslations-e8922a21.js";import"./index-11483079.js";import"@mantine/hooks";import"lodash/debounce";import{M as v}from"./utils-7c4cec34.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}},j=({provinces:t})=>{const[s,o]=a(h,u),{provinceByName:n,provinces:c,districts:p,wards:m,selectedProvince:j,selectedDistrict:b,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)||{}),u=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:u}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:c,districts:p,wards:m,selectedProvince:j,selectedDistrict:b,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[j])||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:d,placeholder:l}=e,v=t(e,["error","provinces","placeholder"]);const{t:u}=m(),{provinces:h,districts:b,wards:y,selectedProvince:g,selectedDistrict:E,selectedWard:C,handleProvinceChange:O,handleDistrictChange:S,handleWardChange:T}=j({provinces:d}),[D,f]=r("");return i((()=>{g&&E&&C&&D?v.onChange({selectedProvince:g,selectedDistrict:E,selectedWard:C,extraInfo:D}):v.onChange(null)}),[g,E,C,D]),s.createElement(p.Wrapper,Object.assign({withAsterisk:!0},v),s.createElement(o,null,s.createElement(c,{placeholder:(null==l?void 0:l.province)||u("onboarding.similac.input.city"),data:d?h:h.sort(),searchable:!0,onChange:O,value:g}),s.createElement(c,{placeholder:(null==l?void 0:l.district)||u("onboarding.similac.input.district"),data:b.sort(),searchable:!0,onChange:S,value:E,disabled:!g}),s.createElement(c,{placeholder:(null==l?void 0:l.ward)||u("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)||u("onboarding.similac.input.no"),disabled:!g||!E||!C,value:D,onChange:f,style:{marginBottom:0}})),s.createElement(n.Error,{size:"md"},a))};export{b as A};

package/build/esm/index-60389692.js

@@ -0,0 +1 @@
+import{_ as e}from"./tslib.es6-473ccb87.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as a}from"@mantine/hooks";import{B as s}from"./index-c42054ea.js";import{D as r,S as i,l}from"./index-c4d88a81.js";const m=m=>{var{color:c,withControl:h,onChange:d,value:g,min:w,max:p,isStatic:u,containerClassName:k,containerStyle:v}=m,x=e(m,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[C,E]=o(g||w||0),[b]=a(C,r);return n((()=>{null==d||d(b)}),[b]),n((()=>{E(g)}),[g]),t.createElement(i,{className:k,style:v},h&&t.createElement(s,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>w&&e===w?e:e-1))}},t.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",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:C,onChange:u?()=>null:E,min:w,max:p},x,{className:"hhg-mantine-slider "+(x.className||"")})),h&&t.createElement(s,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>p&&e===p?e:e+1))}},t.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{m as S};