@hhgtech/hhg-components 1.26.76 → 1.26.77

package/build/esm/{index-3ab7c31c.js → index-c40fffcb.js}

@@ -1,4 +1,4 @@
-import{M as t}from"./utils-10ac9a26.js";import e from"styled-components";import o,{memo as a,useMemo as s}from"react";import{CommonGAssets as h}from"./gAssets.js";import{L as l}from"./Onboarding-bb10f063.js";const r=e.div`
+import{M as t}from"./utils-9f6dcc74.js";import e from"styled-components";import o,{memo as a,useMemo as s}from"react";import{CommonGAssets as h}from"./gAssets.js";import{L as l}from"./Onboarding-c78a082b.js";const r=e.div`
   position: relative;
   display: inline-flex;
   align-items: center;

package/build/esm/{index-ec159c4c.js → index-c41699a9.js}

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

package/build/esm/index-c742a8b0.js

@@ -0,0 +1 @@
+import e,{useState as r,useEffect as a,useRef as t}from"react";import{Q as s,R as o,K as n}from"./index-dda70478.js";import{_ as i}from"./tslib.es6-16065c04.js";import{u as c}from"./useTranslations-b0fc04a0.js";import{useMantineTheme as m}from"@mantine/core";import"./gAssets.js";import"@mantine/dates";import"./index-28a8939a.js";import"./Onboarding-c78a082b.js";import"dayjs";import"./screenSizeContext-6f9575de.js";import"styled-components";import"./theme-7af6d141.js";import"./utils-9f6dcc74.js";import"./isProduction-0cff20bf.js";import"./translationsContext-5d6ae5bc.js";import"string-format";import"./index-11f88ca8.js";import"@mantine/hooks";const l=({type:r="solid",className:a,style:t})=>e.createElement(s,{style:t,className:a,"data-diver-type":r,dividerType:r}),d={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},u=r=>{var{siteType:a,role:t,title:s,styles:n,className:m}=r,l=i(r,["siteType","role","title","styles","className"]);const{t:u}=c(),p=t?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((r=>r===e)))(t):"",{classes:f,cx:y}=o(void 0,{name:"AuthorBadge",styles:n});return p&&d[p]?e.createElement("div",Object.assign({className:y(f.root,m),"data-label-type":p,"data-is-marrybaby":"marryBaby"===a},l),s||u(d[p])):null};var p="Dudns9-";const f=({value:t,choices:s,onChange:o})=>{const[i,c]=r(t);return a((()=>{c(t)}),[t]),e.createElement("div",{className:p},s.map(((r,a)=>e.createElement(n,{dataEventCategory:r.dataEventCategory,dataEventAction:r.dataEventAction,dataEventLabel:r.dataEventLabel,size:"sm",variant:r.value===i?"primary":"tertiary",key:a,onClick:()=>{c(r.value),null==o||o(r.value)}},r.label||""))))},y=r=>{var{fallbackSrc:s}=r,o=i(r,["fallbackSrc"]);const{other:n}=m(),c=t(null),l=s||n.defaultImage,d=o.src||l||"",u=t(!1);a((()=>{d!==l&&c.current&&(c.current.src=d)}),[]),a((()=>{u.current=!1}),[d]);return e.createElement("img",Object.assign({ref:c},o,{src:d,onError:e=>{var r;u.current||(e.currentTarget.src=l||"",u.current=!0),null===(r=o.onError)||void 0===r||r.call(o,e)}}))};export{u as A,f as B,l as D,y as I};

package/build/esm/{index-b454cb44.js → index-cd8b6c99.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-562eb171.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,a as r,b as l,c as i}from"./index-52080740.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:b=!0,actionIcon:y,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),x=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!y||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},x,j)),C&&a.createElement(r,{className:"displayIcon"},C),y&&a.createElement(l,{className:"actionIcon",onClick:v},y)),p&&p.length>0&&b&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};
+import{_ as e}from"./tslib.es6-16065c04.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,a as r,b as l,c as i}from"./index-d7c48dc7.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:y=!0,actionIcon:b,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),x=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!b||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},x,j)),C&&a.createElement(r,{className:"displayIcon"},C),b&&a.createElement(l,{className:"actionIcon",onClick:v},b)),p&&p.length>0&&y&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};

package/build/esm/index-d2713624.js

@@ -0,0 +1,177 @@
+import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as i}from"@mantine/core";import{t as l,M as n}from"./utils-9f6dcc74.js";import{Z as r,_ as s,$ as d,a0 as c,a1 as m,a2 as p,Y as h,I as u}from"./index-dda70478.js";import{T as g}from"./index-00515101.js";import b from"styled-components";import{u as x}from"./useTranslations-b0fc04a0.js";import{G as y}from"./Onboarding-c78a082b.js";import{M as f,a as C}from"./index-0f09ecd8.js";import{t as v}from"./theme-7af6d141.js";const w=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),E=({children:o,title:n,onClose:r,open:m=!1,placement:p="left",destroyOnClose:h=!1,className:u})=>{const b=t();a((()=>(l(m),()=>l(!1))),[m]);const x=()=>{b.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&h?null:e.createElement(i,null,e.createElement(s,{className:u,open:m},e.createElement(w,{open:m,onClickOutside:x}),e.createElement(d,{open:m,placement:p,ref:b,hasTitle:Boolean(n)},e.createElement("div",{className:"title"},n&&e.createElement(g,{size:"s2",type:"semiBold"},n),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:x},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=>e.stopPropagation()},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:x}):null)))))},$=({value:t,options:a,className:i,direction:l="horizontal",onChange:n,isDisabled:r,siteType:s})=>{const[d,c]=o(t),h="marryBaby"===s;return e.createElement(m,{className:i,"data-direction":l},a.map(((a,o)=>e.createElement(p,{"data-selected":(t||d)===a.value,"data-is-mb":h,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(c(e),n&&n(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,h?e.createElement(f,{type:"subtitle-2",color:(t||d)===a.value?v.mbColors.dark:v.mbColors.midGray},a.label):e.createElement(g,{type:"bold",color:(t||d)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},k="hhgcomp-modal-modal",B=h(b.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;
+  }
+`,k),j=b.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 {
+    .${k} {
+      transform: translate(0, -100vh);
+      transition: all 0.5s ease;
+    }
+
+    &[data-open='true'] {
+      .${k} {
+        transform: translate(0);
+      }
+    }
+  }
+
+  &.scaleUp {
+    .${k} {
+      transform: scale(0.9);
+    }
+
+    &[data-open='true'] {
+      .${k} {
+        transition: all 0.3s ease-out;
+        transform: scale(1);
+      }
+    }
+  }
+
+  &[data-type='tail'] {
+    justify-content: flex-end;
+    .${k} {
+      width: 420px;
+      height: 100%;
+      border-radius: 0;
+      overflow: hidden auto;
+    }
+  }
+  &[data-type='form'] {
+    .${k} {
+      width: 496px;
+      height: 548px;
+      max-height: 100%;
+      overflow-y: auto;
+      ${n.mbDown} {
+        width: 340px;
+      }
+    }
+  }
+  &[data-type='video'] {
+    .${k} {
+      height: 100%;
+      max-height: 539px;
+      ${n.mbDown} {
+        height: 192px;
+        width: 100%;
+        height: 100%;
+        border-radius: ${e=>e.theme.borderRadius};
+        max-height: 192px;
+      }
+    }
+  }
+  &[data-type='confirm'] {
+    .${k} {
+      width: 100%;
+      max-width: 407px;
+      ${n.mbDown} {
+        width: calc(100% - 32px);
+        max-width: calc(100% - 32px);
+      }
+    }
+  }
+`,z=b.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=b.div`
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+
+  .gender-selector {
+    & > :not(:last-child) {
+      margin-right: 16px;
+    }
+
+    & > div {
+      width: calc(50% - 8px);
+
+      ${n.mbUp} {
+        justify-self: left;
+      }
+    }
+  }
+`,G=b($)`
+  & > 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;
+  }
+`,L=({value:t,onChange:a,siteType:o})=>{const{t:i}=x(),l="marryBaby"==o;return e.createElement(T,{"data-is-marryBaby":l},l?e.createElement(C,{type:"h4",color:v.mbColors.dark},i("babyVaccineTool.selectGender")):e.createElement(g,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},i("babyVaccineTool.selectGender")),e.createElement(G,{siteType:o,options:[{value:y.Boy,label:i("gender.male"),content:l?e.createElement(u.BabyBoyMB,null):e.createElement(u.GenderChooseBoy,null)},{value:y.Girl,label:i("gender.female"),content:l?e.createElement(u.BabyGirlMB,null):e.createElement(u.GenderChooseGirl,null)}],value:t,onChange:a,className:"gender-selector"}))};export{L as B,E as D,$ as R,j as S,z as a,B as b};

package/build/esm/{index-52080740.js → index-d7c48dc7.js}

@@ -1,4 +1,4 @@
-import{M as e}from"./utils-10ac9a26.js";import t from"styled-components";import o from"react";const i=t.div`
+import{M as e}from"./utils-9f6dcc74.js";import t from"styled-components";import o from"react";const i=t.div`
   position: relative;
   width: 100%;
 

package/build/esm/index-da7cf04c.js

@@ -0,0 +1 @@
+import{_ as e}from"./tslib.es6-16065c04.js";import t from"react";import{Modal as s}from"@mantine/core";import{CommonGAssets as a}from"./gAssets.js";import{ai as l,J as o}from"./index-dda70478.js";const r=r=>{var{title:n,styles:i}=r,m=e(r,["title","styles"]);const{classes:c}=l(void 0,{name:"Modal",styles:i});return t.createElement(t.Fragment,null,t.createElement(s,Object.assign({centered:!0,classNames:c},m,{withCloseButton:!1,title:m.withCloseButton&&t.createElement(t.Fragment,null,t.createElement(o,{size:"s2",weight:"semiBold",as:"span"},n),t.createElement("img",{className:"mantine-Modal-close",src:a.getAssetPath("CloseModal.svg"),onClick:()=>{var e;return null===(e=m.onClose)||void 0===e?void 0:e.call(m)}}))})))};export{r as M};