@hhgtech/hhg-components 1.27.133 → 1.27.134

package/build/index-1b121326.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-9a6fb79a.js"),t=require("react"),r=require("@mantine/core"),s=require("./index-c924da0b.js");require("@mantine/dates");var a=require("./index-48112aee.js"),i=require("./Onboarding-8baf03fa.js");require("./gAssets.js"),require("./index-8e49ffc1.js"),require("dayjs"),require("./screenSizeContext-dd848952.js"),require("styled-components"),require("./theme-766d1d1a.js"),require("./isProduction-ee12a612.js");var n=require("./useTranslations-7d184c2e.js");require("@mantine/hooks"),require("lodash/debounce"),require("./useCategory-68e2724d.js");var c=require("./utils-94078aa2.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(t);const o={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}},p=({provinces:r})=>{const[s,n]=t.useReducer(u,o),{provinceByName:d,provinces:l,districts:p,wards:v,selectedProvince:E,selectedDistrict:y,selectedWard:b}=s,[h,j]=t.useState();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,s,d;try{const l=yield fetch((d=process.env.UNIFY_LOCALE||i.LOCALE.Vietnam,`${a.CDN_ADDRESS}/cities-data-${c.MAPPED_LOCALE[d]}.json`)).then((e=>e.json()));j(l);const{list:o}=l,u=r?((e,t)=>{const r={};for(const[,e]of Object.entries(t)){const{id:t}=e;t&&(r[t]=e)}const s={};return e.map((e=>{s[e.name]=r[e.id]})),s})(r,o):o,p=Object.keys(u),v=Object.keys((null===(e=o[p[0]])||void 0===e?void 0:e.list)||{}),E=Object.keys((null===(s=null===(t=o[p[0]])||void 0===t?void 0:t[v[0]])||void 0===s?void 0:s.list)||{});n({type:"SET_DATA",payload:{provinceByName:u,provinces:p,districts:v,wards:E}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:l,districts:p,wards:v,selectedProvince:E,selectedDistrict:y,selectedWard:b,handleProvinceChange:e=>{var t;const r=Object.keys((null===(t=d[e])||void 0===t?void 0:t.list)||{});n({type:"SET_DISTRICTS",payload:r}),n({type:"SET_WARDS",payload:[]}),n({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,r;const s=Object.keys((null===(r=null===(t=d[E])||void 0===t?void 0:t.list[e])||void 0===r?void 0:r.list)||{});n({type:"SET_WARDS",payload:s}),n({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{n({type:"SELECT_WARD",payload:e})}}};exports.AddressInput=a=>{var{error:i,provinces:c,placeholder:d}=a,o=e.__rest(a,["error","provinces","placeholder"]);const{t:u}=n.useTranslations(),{provinces:v,districts:E,wards:y,selectedProvince:b,selectedDistrict:h,selectedWard:j,handleProvinceChange:g,handleDistrictChange:C,handleWardChange:S}=p({provinces:c}),[f,O]=t.useState("");return t.useEffect((()=>{b&&h&&j&&f?o.onChange({selectedProvince:b,selectedDistrict:h,selectedWard:j,extraInfo:f}):o.onChange(null)}),[b,h,j,f]),l.default.createElement(s.Input.Wrapper,Object.assign({withAsterisk:!0},o),l.default.createElement(r.Stack,null,l.default.createElement(s.Select,{placeholder:(null==d?void 0:d.province)||u("onboarding.similac.input.city"),data:c?v:v.sort(),searchable:!0,onChange:g,value:b}),l.default.createElement(s.Select,{placeholder:(null==d?void 0:d.district)||u("onboarding.similac.input.district"),data:E.sort(),searchable:!0,onChange:C,value:h,disabled:!b}),l.default.createElement(s.Select,{placeholder:(null==d?void 0:d.ward)||u("onboarding.similac.input.ward"),searchable:!0,data:y.sort(),value:j,onChange:S,disabled:!b||!h}),l.default.createElement(s.Input,{placeholder:(null==d?void 0:d.address)||u("onboarding.similac.input.no"),disabled:!b||!h||!j,value:f,onChange:O,style:{marginBottom:0}})),l.default.createElement(r.Input.Error,{size:"md"},i))};

package/build/index-21e8c63f.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),a=require("./gAssets.js"),t=require("./utils-3db0298c.js"),s=require("./index-c924da0b.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e);exports.Logo=({type:l,className:r,style:n,isLightLogo:g,customSize:m,badge:i,locale:u,dateForSeasonal:c,isPro:d})=>{const f=e.useMemo((()=>{if(!c||isNaN(new Date(c).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(c),a=t.isChristmas(e),s=t.LunarNewYearLocale.includes(u)&&t.isLunarNewYear(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&t.isNewYear(e)}}),[u,new Date(c).getDate()]);return o.default.createElement(t.StyledLogo,{className:r,style:n,"data-logo-is-light":g||void 0,"data-has-badge":!!i,"data-christmas":f.isChristmas,"data-new-year":f.isNewYear,"data-lunar-new-year":f.isLunarNewYear},f.isChristmas?o.default.createElement(o.default.Fragment,null,o.default.createElement(s.ImageWrap,{alt:"left xmas logo",src:a.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),o.default.createElement(s.ImageWrap,{alt:"right xmas logo",src:a.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):f.isNewYear?o.default.createElement(o.default.Fragment,null,o.default.createElement(s.ImageWrap,{alt:"left new year logo",src:a.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),o.default.createElement(s.ImageWrap,{alt:"right new year logo",src:a.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):f.isLunarNewYear?o.default.createElement(o.default.Fragment,null,o.default.createElement(s.ImageWrap,{alt:"left lunar new year logo",loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),o.default.createElement(s.ImageWrap,{alt:"right lunar new year logo",loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,o.default.createElement(t.LogoIcon,{type:l,width:null==m?void 0:m.width,height:null==m?void 0:m.height}),d?o.default.createElement(t.StyledProLogo,{src:a.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,i)};

package/build/{index-2fe1dfe5.js → index-27151684.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-16ffcffb.js"),t=require("react"),a=require("./Onboarding-b1d559e7.js"),n=require("./gAssets.js"),l=require("./theme-b23d8bfb.js"),r=require("styled-components"),o=require("./index.styles-7e65e8b3.js"),i=require("./index-8f601a7e.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),s=c(r);const u=s.default.div`
+"use strict";var e=require("./tslib.es6-9a6fb79a.js"),t=require("react"),a=require("./Onboarding-8baf03fa.js"),n=require("./gAssets.js"),l=require("./theme-766d1d1a.js"),r=require("styled-components"),o=require("./index-c924da0b.js"),i=require("./index-4e6579d7.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),s=c(r);const u=s.default.div`
   display: inline-flex;
   overflow: hidden;
   width: ${e=>e.size}px;
@@ -36,15 +36,15 @@
   & > * {
     pointer-events: none;
   }
-`,g=[a.LOCALE.Myanmar,a.LOCALE.Taiwan],m=s.default((a=>{var{icon:r,name:c,className:s,locale:m="en-PH",dataEventCategory:h,dataEventAction:b,dataEventLabel:v,onSelect:f}=a,C=e.__rest(a,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const x=t.useMemo((()=>null==s?void 0:s.includes("selected-week-pill")),[s]);return d.default.createElement(p,Object.assign({onClick:f,className:s?"week-pill".concat(" non-pointer-event-child ",s):"week-pill non-pointer-event-child","data-event-category":h,"data-event-action":b,"data-event-label":v},C),d.default.createElement(u,{size:64,iconSize:40,backgroundColor:l.theme.colors.white},d.default.createElement(o.ImageWrap,{src:r||n.CommonGAssets.getAssetPath("week_default.png"),alt:`week ${c}`})),x?d.default.createElement(i.Text,Object.assign({type:"semiBold",size:"n1",color:l.theme.colors.gray800},g.includes(m)&&{style:{fontSize:"10px"}}),c):d.default.createElement(i.Text,Object.assign({size:"n1",color:l.theme.colors.gray600},g.includes(m)&&{style:{fontSize:"10px"}}),c))}))`
+`,g=[a.LOCALE.Myanmar,a.LOCALE.Taiwan],m=s.default((a=>{var{icon:r,name:c,className:s,locale:m="en-PH",dataEventCategory:h,dataEventAction:v,dataEventLabel:b,onSelect:f}=a,C=e.__rest(a,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const x=t.useMemo((()=>null==s?void 0:s.includes("selected-week-pill")),[s]);return d.default.createElement(p,Object.assign({onClick:f,className:s?"week-pill".concat(" non-pointer-event-child ",s):"week-pill non-pointer-event-child","data-event-category":h,"data-event-action":v,"data-event-label":b},C),d.default.createElement(u,{size:64,iconSize:40,backgroundColor:l.theme.colors.white},d.default.createElement(o.ImageWrap,{src:r||n.CommonGAssets.getAssetPath("week_default.png"),alt:`week ${c}`})),x?d.default.createElement(i.Text,Object.assign({type:"semiBold",size:"n1",color:l.theme.colors.gray800},g.includes(m)&&{style:{fontSize:"10px"}}),c):d.default.createElement(i.Text,Object.assign({size:"n1",color:l.theme.colors.gray600},g.includes(m)&&{style:{fontSize:"10px"}}),c))}))`
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
 `,h=s.default(o.CentralCarousel.Slide)`
   cursor: pointer;
   > div * {
     pointer-events: none;
   }
-`,b=s.default(o.CentralCarousel)`
+`,v=s.default(o.CentralCarousel)`
   .centerred-pill-wrapper {
     padding: 16px 0;
   }
-`,v=({isRight:e,currentUrl:t})=>d.default.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":t,className:"pointer-event-child-none"},d.default.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"}));exports.PillCarousel=n=>{var{data:l,isMobile:r,onSlideChange:o,pillProps:i,locale:c=a.LOCALE.Vietnam,blurFromIndex:s,blurLength:u}=n,p=e.__rest(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const g={withControls:!r,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(r?2:4),blurLength:u||(r?1:3),onSlideChange:o},[f,C]=t.useState("");return t.useEffect((()=>{C(window.location.href)}),[]),d.default.createElement(b,Object.assign({},g,p,{selectSlideWhenClick:!0,previousControlIcon:d.default.createElement(v,{currentUrl:f}),nextControlIcon:d.default.createElement(v,{currentUrl:f,isRight:!0})}),(e=>l.map(((t,a)=>d.default.createElement(h,Object.assign({key:a,onClick:o,"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}},i),d.default.createElement("div",{className:"centerred-pill-wrapper"},d.default.createElement(m,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":f,locale:c,name:t.name,icon:t.icon,className:a===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))))};
+`,b=({isRight:e,currentUrl:t})=>d.default.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":t,className:"pointer-event-child-none"},d.default.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"}));exports.PillCarousel=n=>{var{data:l,isMobile:r,onSlideChange:o,pillProps:i,locale:c=a.LOCALE.Vietnam,blurFromIndex:s,blurLength:u}=n,p=e.__rest(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const g={withControls:!r,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(r?2:4),blurLength:u||(r?1:3),onSlideChange:o},[f,C]=t.useState("");return t.useEffect((()=>{C(window.location.href)}),[]),d.default.createElement(v,Object.assign({},g,p,{selectSlideWhenClick:!0,previousControlIcon:d.default.createElement(b,{currentUrl:f}),nextControlIcon:d.default.createElement(b,{currentUrl:f,isRight:!0})}),(e=>l.map(((t,a)=>d.default.createElement(h,Object.assign({key:a,onClick:o,"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}},i),d.default.createElement("div",{className:"centerred-pill-wrapper"},d.default.createElement(m,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":f,locale:c,name:t.name,icon:t.icon,className:a===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))))};

package/build/{index-bffe21f2.js → index-283f0e03.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),i=require("./screenSizeContext-99e2010b.js"),t=require("styled-components"),o=require("./tslib.es6-16ffcffb.js"),l=require("./index.styles-7e65e8b3.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e),r=n(t);const d=r.default.div`
+"use strict";var e=require("react"),i=require("./screenSizeContext-dd848952.js"),t=require("styled-components"),o=require("./tslib.es6-9a6fb79a.js"),l=require("./index.styles-752f2553.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e),r=n(t);const d=r.default.div`
   position: fixed;
   left: 50%;
 

package/build/index-35e529e8.js

@@ -0,0 +1,113 @@
+"use strict";var e=require("./screenSizeContext-dd848952.js"),t=require("styled-components"),i=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(t),r=o(i);const s=a.default.div`
+  position: relative;
+  width: 100%;
+
+  &[data-has-error] {
+    input {
+      border-color: ${e=>e.theme.colors.red700};
+    }
+  }
+
+  input {
+    width: 100%;
+    padding: 12px 16px;
+    border: solid 1px ${e=>e.theme.colors.gray200};
+    border-radius: ${e=>e.theme.borderRadius};
+
+    &:active,
+    &:focus,
+    &.focused {
+      border-color: ${e=>e.color};
+      box-shadow: 0px 0px 2px 2px ${e=>e.shadowColor};
+    }
+
+    &:disabled {
+      background-color: ${e=>e.theme.colors.gray100};
+      cursor: not-allowed;
+    }
+  }
+
+  &[data-has-action-icon] {
+    input {
+      padding: 12px 48px 12px 16px;
+    }
+  }
+  &[data-has-display-icon] {
+    input {
+      padding: 12px 16px 12px 48px;
+    }
+  }
+
+  &[data-has-action-icon][data-has-display-icon] {
+    input {
+      padding: 12px 48px;
+    }
+  }
+
+  &[data-size='lg'] {
+    input {
+      font-size: 16px;
+      font-weight: ${e=>e.theme.sizes.fwRegular};
+      ${e.MediaQueries.mbDown} {
+        font-size: 22px;
+        line-height: 1.2;
+      }
+
+      ${e.MediaQueries.mbUp} {
+        font-size: 26px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='md'] {
+    input {
+      font-weight: ${e=>e.theme.sizes.fwRegular};
+      line-height: 22px;
+      ${e.MediaQueries.mbDown} {
+        font-size: 14px;
+        line-height: 1.2;
+      }
+
+      ${e.MediaQueries.mbUp} {
+        font-size: 16px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='sm'] {
+    input {
+      font-weight: ${e=>e.theme.sizes.fwRegular};
+      line-height: 20px;
+      ${e.MediaQueries.mbDown} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+
+      ${e.MediaQueries.mbUp} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+    }
+  }
+`;a.default.label`
+  display: inline-block;
+  margin-bottom: 4px;
+  color: ${e=>e.theme.colors.gray600};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+`;const l=a.default.label`
+  color: ${e=>e.theme.colors.red700};
+  font-weight: ${e=>e.theme.sizes.fwRegular};
+`,n=a.default.div`
+  position: absolute;
+  top: 50%;
+  right: 16px;
+  cursor: pointer;
+  transform: translateY(-50%);
+`,d=a.default.div`
+  position: absolute;
+  top: 50%;
+  left: 16px;
+  display: inline-flex;
+  cursor: default;
+  transform: translateY(-50%);
+`;var p="DjBFAbd";exports.Label=({children:e,className:t,style:i,htmlFor:o,size:a})=>r.default.createElement("label",{"data-size":a,className:`${p} ${t||""}`,style:i,htmlFor:o},e),exports.StyledActionIcon=n,exports.StyledDisplayIcon=d,exports.StyledErrorLabel=l,exports.StyledInput=s;