@hhgtech/hhg-components 1.23.2 → 1.23.3

package/build/esm/index-79a289b8.js

@@ -0,0 +1 @@
+import{_ as e,c as a}from"./tslib.es6-1e826efa.js";import t,{useState as r,useEffect as n,forwardRef as o}from"react";import{createEmotionCache as i,FileInput as s,NumberInput as l,PasswordInput as m,TextInput as u}from"@mantine/core";import{useDebouncedValue as Y}from"@mantine/hooks";import{L as d}from"./Locale-fa17e74c.js";import{CommonGAssets as p}from"./gAssets.js";var f,c="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function g(e){var a={exports:{}};return e(a,a.exports),a.exports}var v=300,M=i({key:"mantine",prepend:!1}),D=((f={})[d.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},f[d.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},f[d.India]={dateFormat:"DD/MM/YYYY",separator:"."},f[d.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},f[d.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},f[d.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},f[d.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},f[d.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},f[d.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},f[d.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},f),h=p.getAssetPath("EyeVisible.svg"),y=p.getAssetPath("EyeHidden.svg"),b=o((function(r,n){var o=r.size,i=void 0===o?"md":o,s=r.visibilityToggleIcon,l=r.styles,u=a(r,["size","visibilityToggleIcon","styles"]),Y=s||function(e){var a=e.reveal,r=e.size;return a?t.createElement("img",{src:h,width:r}):t.createElement("img",{src:y,width:r})};return t.createElement(m,e({ref:n,size:i,visibilityToggleIcon:Y,styles:e({rightSection:{pointerEvents:"initial"}},l)},u))})),F=function(o){var i=o.value,s=o.onChange,l=a(o,["value","onChange"]),m=r(i||""),d=m[0],p=m[1],f=Y(d,300)[0];return n((function(){null==s||s(f)}),[f]),n((function(){p(i)}),[i]),t.createElement(u,e({size:"md",onChange:function(e){return p(e.currentTarget.value)},value:d},l))};F.File=function(a){return t.createElement(s,e({size:"md"},a))},F.Password=b,F.Number=function(o){var i=o.value,s=o.onChange,m=a(o,["value","onChange"]),u=r(i||0),d=u[0],p=u[1],f=Y(d,300)[0];return n((function(){null==s||s(f)}),[f]),n((function(){p(i)}),[i]),t.createElement(l,e({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:p,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:d},m))};export{v as D,F as I,c as a,D as b,g as c,M as e};

package/build/esm/{index-ab8a9977.js → index-c03a8dfc.js}

@@ -1 +1 @@
-import{b as n,c as e,_ as t}from"./tslib.es6-cbb07d88.js";import o,{useState as i}from"react";import{L as a}from"./index-ac41740f.js";import{M as r}from"./utils-b448df7e.js";import s from"styled-components";var l=s.div(p||(p=n(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp,(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp,(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp);s.label(d||(d=n(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var p,d,c,u,h,f=s.label(c||(c=n(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),m=s.div(u||(u=n(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),x=s.div(h||(h=n(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),g=o.forwardRef((function(n,r){var s=n.name,p=n.errorMessage,d=n.autoComplete,c=void 0===d?"off":d,u=n.defaultValue,h=n.actionIcon,g=n.displayIcon,b=n.isDeleteAction,y=n.onActionClick,z=n.label,w=n.placeholder,v=n.className,C=n.onChange,N=n.onKeyPress,I=n.isDisabled,K=n.CustomInput,k=n.size,D=n.style,E=n.autoFocus,F=n.type,P=void 0===F?"text":F,R=n.isNumerousKeyboard,A=void 0!==R&&R,M=n.onFocus,Y=n.enterKeyHint,j=n.nativeOnChange,H=e(n,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]),L=i(u),U=L[0],B=L[1];return o.createElement(l,{"data-size":k,className:v,"data-has-action-icon":!!h||void 0,"data-has-display-icon":!!g||void 0,"data-has-error":p&&p.length>0||void 0,style:D},z&&o.createElement(a,{size:"label2",htmlFor:s,className:"inputLabel"},z),o.createElement("div",{style:{position:"relative"}},K||o.createElement("input",t({id:s,name:s,placeholder:w,onChange:null!=j?j:function(n){return e=n.target.value,B(e),void C(e);var e},onKeyPress:N,type:P,"aria-label":P,disabled:I,value:U,autoComplete:c,ref:r,autoFocus:E,inputMode:A||"number"===P?"numeric":P,pattern:A?"[0-9]*":".*",onFocus:M,enterKeyHint:Y},H)),g&&o.createElement(x,{className:"displayIcon"},g),h&&o.createElement(m,{className:"actionIcon",onClick:function(){var n;b&&(B(""),null===(n=r.current)||void 0===n||n.focus()),y&&y()}},h)),p&&p.length>0&&o.createElement(f,{className:"errorLabel"},p))}));g.displayName="PureInput";export{g as P};
+import{b as n,c as e,_ as t}from"./tslib.es6-1e826efa.js";import o,{useState as i}from"react";import{L as a}from"./index-2450bc13.js";import{M as r}from"./utils-d8f45b99.js";import s from"styled-components";var l=s.div(p||(p=n(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp,(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp,(function(n){return n.theme.sizes.fwRegular}),r.mbDown,r.mbUp);s.label(d||(d=n(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var p,d,c,u,h,f=s.label(c||(c=n(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),m=s.div(u||(u=n(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),x=s.div(h||(h=n(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),g=o.forwardRef((function(n,r){var s=n.name,p=n.errorMessage,d=n.autoComplete,c=void 0===d?"off":d,u=n.defaultValue,h=n.actionIcon,g=n.displayIcon,b=n.isDeleteAction,y=n.onActionClick,z=n.label,w=n.placeholder,v=n.className,C=n.onChange,N=n.onKeyPress,I=n.isDisabled,K=n.CustomInput,k=n.size,D=n.style,E=n.autoFocus,F=n.type,P=void 0===F?"text":F,R=n.isNumerousKeyboard,A=void 0!==R&&R,M=n.onFocus,Y=n.enterKeyHint,j=n.nativeOnChange,H=e(n,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]),L=i(u),U=L[0],B=L[1];return o.createElement(l,{"data-size":k,className:v,"data-has-action-icon":!!h||void 0,"data-has-display-icon":!!g||void 0,"data-has-error":p&&p.length>0||void 0,style:D},z&&o.createElement(a,{size:"label2",htmlFor:s,className:"inputLabel"},z),o.createElement("div",{style:{position:"relative"}},K||o.createElement("input",t({id:s,name:s,placeholder:w,onChange:null!=j?j:function(n){return e=n.target.value,B(e),void C(e);var e},onKeyPress:N,type:P,"aria-label":P,disabled:I,value:U,autoComplete:c,ref:r,autoFocus:E,inputMode:A||"number"===P?"numeric":P,pattern:A?"[0-9]*":".*",onFocus:M,enterKeyHint:Y},H)),g&&o.createElement(x,{className:"displayIcon"},g),h&&o.createElement(m,{className:"actionIcon",onClick:function(){var n;b&&(B(""),null===(n=r.current)||void 0===n||n.focus()),y&&y()}},h)),p&&p.length>0&&o.createElement(f,{className:"errorLabel"},p))}));g.displayName="PureInput";export{g as P};

package/build/esm/{index-e94c22a5.js → index-c908b2d4.js}

@@ -1 +1 @@
-import{b as n,c as e,_ as r}from"./tslib.es6-cbb07d88.js";import o,{useMemo as i}from"react";import{L as t}from"./Locale-03273364.js";import{CommonGAssets as l}from"./gAssets.js";import{t as c}from"./theme-84e7703e.js";import{T as a}from"./index-10ff2f88.js";import s from"styled-components";import{C as d}from"./index-f92d3bd0.js";var p,u,m,x,b,g=s.div(p||(p=n(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.backgroundColor||c.colors.white}),(function(n){return n.borderRadius||"50%"}),(function(n){return n.iconSize}),(function(n){return n.iconSize})),h=s.div(u||(u=n(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.pink100})),f=[t.Myanmar,t.Taiwan],w=s((function(n){var t=n.icon,s=n.name,d=n.className,p=n.locale,u=void 0===p?"en-PH":p,m=n.onSelect,x=e(n,["icon","name","className","locale","onSelect"]),b=i((function(){return null==d?void 0:d.includes("selected-week-pill")}),[d]);return o.createElement(h,r({onClick:m,className:d?"week-pill".concat(" non-pointer-event-child ",d):"week-pill non-pointer-event-child"},x),o.createElement(g,{size:64,iconSize:40,backgroundColor:c.colors.white},o.createElement("img",{src:t||l.getAssetPath("week_default.png"),alt:""})),b?o.createElement(a,r({type:"semiBold",size:"n1",color:c.colors.gray800},f.includes(u)&&{style:{fontSize:"10px"}}),s):o.createElement(a,r({size:"n1",color:c.colors.gray600},f.includes(u)&&{style:{fontSize:"10px"}}),s))}))(m||(m=n(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),k=s(d.Slide)(x||(x=n([""],[""]))),v=s(d)(b||(b=n(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"]))),y=function(n){var i=n.data,l=n.isMobile,c=n.onSlideChange,a=n.pillProps,s=n.locale,d=void 0===s?t.Vietnam:s,p=n.blurFromIndex,u=n.blurLength,m=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),x={withControls:!l,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(l?2:4),blurLength:u||(l?1:3),onSlideChange:c};return o.createElement(v,r({},x,m),(function(n){return i.map((function(e,i){return o.createElement(k,r({key:i,onClick:c},a),o.createElement("div",{className:"centerred-pill-wrapper"},o.createElement(w,{locale:d,name:e.name,icon:e.icon,className:i===n?"selected-week-pill":""})))}))}))};export{y as P};
+import{b as n,c as e,_ as r}from"./tslib.es6-1e826efa.js";import o,{useMemo as i}from"react";import{L as t}from"./Locale-fa17e74c.js";import{CommonGAssets as l}from"./gAssets.js";import{t as c}from"./theme-e8014941.js";import{T as a}from"./index-1de919fd.js";import s from"styled-components";import{C as d}from"./index-60e67b62.js";var p,u,m,x,g,b=s.div(p||(p=n(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.backgroundColor||c.colors.white}),(function(n){return n.borderRadius||"50%"}),(function(n){return n.iconSize}),(function(n){return n.iconSize})),h=s.div(u||(u=n(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.pink100})),f=[t.Myanmar,t.Taiwan],w=s((function(n){var t=n.icon,s=n.name,d=n.className,p=n.locale,u=void 0===p?"en-PH":p,m=n.onSelect,x=e(n,["icon","name","className","locale","onSelect"]),g=i((function(){return null==d?void 0:d.includes("selected-week-pill")}),[d]);return o.createElement(h,r({onClick:m,className:d?"week-pill".concat(" non-pointer-event-child ",d):"week-pill non-pointer-event-child"},x),o.createElement(b,{size:64,iconSize:40,backgroundColor:c.colors.white},o.createElement("img",{src:t||l.getAssetPath("week_default.png"),alt:""})),g?o.createElement(a,r({type:"semiBold",size:"n1",color:c.colors.gray800},f.includes(u)&&{style:{fontSize:"10px"}}),s):o.createElement(a,r({size:"n1",color:c.colors.gray600},f.includes(u)&&{style:{fontSize:"10px"}}),s))}))(m||(m=n(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),k=s(d.Slide)(x||(x=n([""],[""]))),v=s(d)(g||(g=n(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"]))),y=function(n){var i=n.data,l=n.isMobile,c=n.onSlideChange,a=n.pillProps,s=n.locale,d=void 0===s?t.Vietnam:s,p=n.blurFromIndex,u=n.blurLength,m=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),x={withControls:!l,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(l?2:4),blurLength:u||(l?1:3),onSlideChange:c};return o.createElement(v,r({},x,m),(function(n){return i.map((function(e,i){return o.createElement(k,r({key:i,onClick:c},a),o.createElement("div",{className:"centerred-pill-wrapper"},o.createElement(w,{locale:d,name:e.name,icon:e.icon,className:i===n?"selected-week-pill":""})))}))}))};export{y as P};

package/build/esm/index-d24da164.js

@@ -0,0 +1 @@
+import{G as r,B as e,a as t,b as a,L as o}from"./Locale-fa17e74c.js";var n=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return e},get BabyGrowthChartDuration(){return t},get BabyGrowthResultTab(){return a},get LOCALE(){return o}});export{n as i};

package/build/esm/{index-3c6c8702.js → index-d62d432f.js}

@@ -1 +1 @@
-import{b as n}from"./tslib.es6-cbb07d88.js";import{M as t}from"./utils-b448df7e.js";import e from"styled-components";import o,{memo as a,useMemo as i}from"react";import{CommonGAssets as s}from"./gAssets.js";import{L as l}from"./Locale-03273364.js";var h,g,r=e.div(h||(h=n(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"],["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"])),t.mbDown),p=e.img(g||(g=n(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),m=a((function(n){var t=n.type,e=n.width,a=n.height,l=i((function(){switch(t){case"hellobacsi":return{width:e||"107px",height:a||"24px",src:s.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:a||"24px",src:s.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:a||"27px",src:s.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:a||"24px",src:s.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:a||"24px",src:s.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:a||"24px",src:s.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:a||"24px",src:s.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:a||"24px",src:s.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:a||"24px",src:s.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:a||"24px",src:s.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:a||"24px",src:s.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:a||"24px",src:s.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:a||"57px",src:s.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:a||"28px",src:s.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,a])||{},h=l.src,g=l.width,r=l.height;return o.createElement("img",{className:"main-logo-icon",src:h,style:{width:g,height:r}})})),d=function(n){var t=n.getDate();return 11===n.getMonth()&&t>=16&&t<=25},c={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},x=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],f=function(n){var t=n.getFullYear(),e=c[t];if(!e)return!1;var o=new Date(t,e[1],e[0]),a=new Date(o);a.setDate(o.getDate()-7);var i=new Date(o);return i.setDate(o.getDate()+5),a<=n&&n<=i},u=function(n){var t=n.getDate(),e=n.getMonth();return 11===e&&t>=26||0===e&&t<=15},w="style-module_container__d76E4",y=function(n){var t=n.children,e=n.className,a=n.style,i=n.type;return o.createElement("div",{className:"".concat(w," ").concat(e||""),style:a,"data-type":i},t)};export{y as C,x as L,r as S,f as a,u as b,m as c,p as d,d as i};
+import{b as n}from"./tslib.es6-1e826efa.js";import{M as t}from"./utils-d8f45b99.js";import e from"styled-components";import o,{memo as a,useMemo as i}from"react";import{CommonGAssets as s}from"./gAssets.js";import{L as l}from"./Locale-fa17e74c.js";var h,g,r=e.div(h||(h=n(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"],["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"])),t.mbDown),p=e.img(g||(g=n(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),m=a((function(n){var t=n.type,e=n.width,a=n.height,l=i((function(){switch(t){case"hellobacsi":return{width:e||"107px",height:a||"24px",src:s.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:a||"24px",src:s.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:a||"27px",src:s.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:a||"24px",src:s.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:a||"24px",src:s.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:a||"24px",src:s.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:a||"24px",src:s.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:a||"24px",src:s.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:a||"24px",src:s.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:a||"24px",src:s.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:a||"24px",src:s.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:a||"24px",src:s.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:a||"57px",src:s.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:a||"28px",src:s.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,a])||{},h=l.src,g=l.width,r=l.height;return o.createElement("img",{className:"main-logo-icon",src:h,style:{width:g,height:r}})})),d=function(n){var t=n.getDate();return 11===n.getMonth()&&t>=16&&t<=25},c={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},x=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],f=function(n){var t=n.getFullYear(),e=c[t];if(!e)return!1;var o=new Date(t,e[1],e[0]),a=new Date(o);a.setDate(o.getDate()-7);var i=new Date(o);return i.setDate(o.getDate()+5),a<=n&&n<=i},u=function(n){var t=n.getDate(),e=n.getMonth();return 11===e&&t>=26||0===e&&t<=15},w="style-module_container__d76E4",y=function(n){var t=n.children,e=n.className,a=n.style,i=n.type;return o.createElement("div",{className:"".concat(w," ").concat(e||""),style:a,"data-type":i},t)};export{y as C,x as L,r as S,f as a,u as b,m as c,p as d,d as i};