@hhgtech/hhg-components 1.26.86 → 1.26.88

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

@@ -1 +0,0 @@
-import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-4ed68193.js";import{t as l}from"./theme-c6b57927.js";import{L as r,I as c}from"./index.styles-9fe6b030.js";import{I as s}from"./index-cc117db3.js";import{M as n}from"./index-294ea679.js";import{T as m}from"./index-6522af1b.js";import{u as i}from"./useScrollbarSize-7d8b977c.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-9ed95017.js";const b=({isActive:t,onChange:a,value:o="",onInputChange:i,siteType:h})=>{const{t:p}=d(),u="marryBaby"===h;return e.createElement(r,{onClick:()=>a("new"),"data-is-mb":u,"data-isActive":u&&t},"marryBaby"===h?e.createElement("div",{className:"title"},e.createElement(n,{type:"bodytext-1",color:l.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"},t&&e.createElement(c.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(m,{size:"p2",color:l.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"})),e.createElement(s,{name:"name",value:o,size:"md",placeholder:p("chooseBaby.placeholder"),type:"text",onChange:i}))},v="hhg-modals",g=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},E=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},f=({type:d="lead",closeIcon:l,isOpen:r=!0,onClose:c,children:s,className:n="",animationType:m="slideTop",isStaticBackdrop:b=!1,siteType:f})=>{const[C,N]=t(!1),_=a(null),{width:j}=i();if(!_.current&&C&&(_.current=document.createElement("div")),o((()=>(N(!0),()=>{N(!1),g(),E()})),[]),o((()=>{if(C){const e=(()=>{let e=document.getElementById(v);return e||(e=document.createElement("div"),e.setAttribute("id",v),document.body.append(e)),e})();return e.appendChild(_.current),()=>{e.removeChild(_.current)}}}),[C]),o((()=>{r?document.body.classList.add("hhc-modal-show"):g()}),[r]),o((()=>{r?(document.body.style.overflow="hidden",document.body.style.paddingRight=j+"px",document.body.classList.add("hhc-disabled-scroll")):E()}),[r,j]),!C)return null;const w=["hhg-modal__wrapper",n,m].filter((e=>e)).join(" ");return h(e.createElement(p,{className:w,"data-open":r,"data-type":d},!b&&e.createElement(u,{"data-open":r,onClick:c,"data-type":d}),!b&&"video"===d&&!!l&&e.createElement("div",{className:"hhg-modal__close",onClick:c},l),e.createElement(y,{className:"hhg-modal","data-open":r,"data-site-type":f},e.createElement("div",{className:"video"===d?"hhg-modal__video":"hhg-modal__content"},!!l&&"video"!==d&&e.createElement("div",{className:"hhg-modal__close",onClick:c},l),s))),_.current)};export{f as M,b as N};

package/build/esm/index-31b18319.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-94ab99d0.js";import o from"react";import{Indicator as s}from"@mantine/core";import"dayjs";import"./screenSizeContext-872a90cd.js";import"styled-components";import{t as r}from"./theme-c6b57927.js";import"./index-7b26957d.js";import"./utils-8a54c470.js";import"./isProduction-afd19026.js";import"./Onboarding-2b7ad80e.js";import"./gAssets.js";const e=e=>{var{styles:i,color:n=r.colors.red700}=e,a=t(e,["styles","color"]);return o.createElement(s,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},i),color:n},a))};export{e as I};

package/build/esm/index-6522af1b.js

@@ -1 +0,0 @@
-import{_ as a}from"./tslib.es6-94ab99d0.js";import e from"react";var t="wIj6fkD";const s=s=>{var{size:r="base",type:o="regular",className:c,style:n,children:d,color:i,dataEventCategory:l,dataEventAction:p,dataEventLabel:v,as:b="p",wordWrap:m,isUppercase:y}=s,g=a(s,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]);const E=b;return e.createElement(E,Object.assign({"data-size":r,"data-type":o,style:Object.assign(Object.assign({},n),i?{"--custom-color":i}:void 0),className:`${t} ${c||""}`,"data-event-category":l,"data-event-action":p,"data-event-label":v,"data-word-wrap":m,"data-is-uppercase":y},g),d)};export{s as T};

package/build/esm/index.styled-914b4cb3.js

@@ -1,182 +0,0 @@
-import"dayjs";import"./screenSizeContext-872a90cd.js";import i,{createContext as t,useContext as o}from"react";import e from"styled-components";import{t as n}from"./theme-c6b57927.js";import{L as r}from"./index-7b26957d.js";import{M as a}from"./utils-8a54c470.js";import"./isProduction-afd19026.js";import{L as p}from"./Onboarding-2b7ad80e.js";import"./gAssets.js";import{_ as m}from"./tslib.es6-94ab99d0.js";import{Container as s,Title as d}from"@mantine/core";import{L as c}from"./index-62ff5d28.js";import"@mantine/dates";import{e as l}from"./index-8266ffbf.js";import"./index.styles-9fe6b030.js";import"./translationsContext-29c1c216.js";import"string-format";import"./index-94319791.js";import"@mantine/hooks";import{createFormContext as g}from"@mantine/form";const x=t({}),[b,h,u]=g(),f=e.div`
-  margin-top: 70px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  &.similac {
-    margin-top: 16px;
-  }
-`,y=e(s)`
-  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    height: 100%;
-    width: 100%;
-    max-width: 520px;
-  }
-  .header {
-    margin-bottom: 32px;
-    text-align: center;
-    ${a.mbDown} {
-      margin-bottom: 16px;
-    }
-  }
-
-  .input-control {
-    width: 100%;
-  }
-  .radio-group,
-  .input-control {
-    margin-bottom: 16px;
-  }
-  .form {
-    width: 100%;
-  }
-
-  /* .form-error {
-    margin-top: 32px;
-    font-size: 14px;
-  }
-
-  .field-error {
-    margin-top: 10px;
-    font-size: 14px;
-  } */
-
-  .form-button {
-    width: 100%;
-  }
-`,w=e.img`
-  margin-bottom: 38px;
-`,j=t=>{var e,{heading:a,description:p,children:s,className:g,imgSrc:b,hiddenLogo:h=!1}=t,u=m(t,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:j,siteType:v}=o(x);return i.createElement(y,Object.assign({},u,{className:`hhg-comp-onboarding-container ${g}`,size:"sm"}),!h&&i.createElement(c,{type:j?v:(null===(e=r[process.env.UNIFY_LOCALE])||void 0===e?void 0:e.LOGO_TYPE)||"hellobacsi"}),i.createElement(f,{className:h?"similac":""},b&&i.createElement(w,{src:b,loading:"lazy"}),i.createElement("div",{className:"header"},i.createElement(d,{order:3},a),i.createElement(l,{size:"p3",mt:8,color:n.colors.gray600},p)),s))},v=e.div`
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  background: white;
-  overflow-y: auto;
-`,P=e.div`
-  height: 100%;
-  ${a.lgPcUp} {
-    display: table;
-    width: 100%;
-    height: calc(100% - 25px);
-  }
-`,$=e.div`
-  padding: 16px;
-  ${a.mbUp} {
-    padding: 48px 24px 24px;
-  }
-  [data-similac='true'][data-has-banner='true'] {
-    ${a.mbDown} {
-      background: white;
-      border-top-left-radius: 1rem;
-      border-top-right-radius: 1rem;
-      margin-top: -1rem;
-    }
-  }
-`,I=e.div`
-  width: 640px;
-  padding: 16px 16px 0 16px;
-  display: none;
-
-  ${a.mbUp} {
-    width: 640px;
-    display: table-cell;
-  }
-`,E=e.div`
-  background-color: ${n.colors.primary50};
-  border-radius: 12px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  &[data-is-marry-baby='true'] {
-    background-color: ${n.mbColors.tonePink};
-  }
-`,k=e.div`
-  margin-top: 40px;
-  padding: 24px 40px;
-`,C=e.img`
-  width: 100%;
-  display: block;
-  &.similac {
-    min-width: 1px;
-    object-fit: contain;
-
-    ${a.mbUp} {
-      position: sticky;
-      top: 0;
-      height: 100vh;
-    }
-  }
-`,L=e(j)`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${a.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,M={[p.Vietnam]:"VN",[p.Cambodia]:"KH",[p.Indonesia]:"ID",[p.Malaysia]:"MY",[p.PhilippinesEnglish]:"PH",[p.PhilippinesTagalog]:"PH",[p.Taiwan]:"TW",[p.Thailand]:"TH",[p.Myanmar]:"MM"},z=(i="")=>{const t=i.indexOf("@"),o=i.substring(0,t),e=o.length>3?3:o.length;return i.replace(i.substring(e,t),i.slice(e,t).replace(/./g,"x"))},D=e.div`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${a.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,N=e(j)`
-  .otp-input {
-    margin-bottom: 36px;
-    ${a.mbDown} {
-      margin-bottom: 20px;
-    }
-    .otpContainer {
-      margin-bottom: 16px;
-    }
-  }
-  .resend {
-    display: flex;
-    gap: 6px;
-    margin-bottom: 32px;
-    ${a.mbDown} {
-      margin-bottom: 16px;
-    }
-    a {
-      text-decoration: underline;
-      cursor: pointer;
-    }
-  }
-  .phone-description {
-    margin-left: 2px;
-    margin-top: 2px;
-  }
-  .otp-description-edit-icon {
-    cursor: pointer;
-    vertical-align: bottom;
-    /* height: 100%; */
-    margin-bottom: 3px;
-    margin-left: 3px;
-  }
-`;export{b as F,M,x as O,D as S,u as a,L as b,N as c,j as d,v as e,P as f,$ as g,z as h,I as i,E as j,k,C as l,h as u};

package/build/index-b1cab5db.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-06ca7969.js"),r=require("react"),t=require("@mantine/core");require("dayjs"),require("./screenSizeContext-9966e6e1.js"),require("styled-components");var s=require("./theme-7166587e.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index-e1296151.js"),require("./utils-2d60bdd3.js"),require("./isProduction-2d07a408.js"),require("./Onboarding-1e31ced6.js"),require("./gAssets.js");var n=i(r);exports.Indicator=r=>{var{styles:i,color:o=s.theme.colors.red700}=r,a=e.__rest(r,["styles","color"]);return n.default.createElement(t.Indicator,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},i),color:o},a))};

package/build/index.styled-483939e8.js

@@ -1,182 +0,0 @@
-"use strict";require("dayjs"),require("./screenSizeContext-9966e6e1.js");var e=require("react"),t=require("styled-components"),r=require("./theme-7166587e.js"),i=require("./index-e1296151.js"),n=require("./utils-2d60bdd3.js");require("./isProduction-2d07a408.js");var o=require("./Onboarding-1e31ced6.js");require("./gAssets.js");var a=require("./tslib.es6-06ca7969.js"),d=require("@mantine/core"),p=require("./index-82d3c511.js");require("@mantine/dates");var s=require("./index-3a582492.js");require("./index.styles-7d8dea42.js"),require("./translationsContext-2dea5a81.js"),require("string-format"),require("./index-c39b7f16.js"),require("@mantine/hooks");var l=require("@mantine/form");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=m(e),x=m(t);const c=e.createContext({}),[g,h,b]=l.createFormContext(),f=x.default.div`
-  margin-top: 70px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  &.similac {
-    margin-top: 16px;
-  }
-`,y=x.default(d.Container)`
-  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    height: 100%;
-    width: 100%;
-    max-width: 520px;
-  }
-  .header {
-    margin-bottom: 32px;
-    text-align: center;
-    ${n.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-  }
-
-  .input-control {
-    width: 100%;
-  }
-  .radio-group,
-  .input-control {
-    margin-bottom: 16px;
-  }
-  .form {
-    width: 100%;
-  }
-
-  /* .form-error {
-    margin-top: 32px;
-    font-size: 14px;
-  }
-
-  .field-error {
-    margin-top: 10px;
-    font-size: 14px;
-  } */
-
-  .form-button {
-    width: 100%;
-  }
-`,C=x.default.img`
-  margin-bottom: 38px;
-`,L=t=>{var n,{heading:o,description:l,children:m,className:x,imgSrc:g,hiddenLogo:h=!1}=t,b=a.__rest(t,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:L,siteType:E}=e.useContext(c);return u.default.createElement(y,Object.assign({},b,{className:`hhg-comp-onboarding-container ${x}`,size:"sm"}),!h&&u.default.createElement(p.LogoIcon,{type:L?E:(null===(n=i.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===n?void 0:n.LOGO_TYPE)||"hellobacsi"}),u.default.createElement(f,{className:h?"similac":""},g&&u.default.createElement(C,{src:g,loading:"lazy"}),u.default.createElement("div",{className:"header"},u.default.createElement(d.Title,{order:3},o),u.default.createElement(s.Text,{size:"p3",mt:8,color:r.theme.colors.gray600},l)),m))},E=x.default.div`
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  background: white;
-  overflow-y: auto;
-`,v=x.default.div`
-  height: 100%;
-  ${n.MediaQueries.lgPcUp} {
-    display: table;
-    width: 100%;
-    height: calc(100% - 25px);
-  }
-`,w=x.default.div`
-  padding: 16px;
-  ${n.MediaQueries.mbUp} {
-    padding: 48px 24px 24px;
-  }
-  [data-similac='true'][data-has-banner='true'] {
-    ${n.MediaQueries.mbDown} {
-      background: white;
-      border-top-left-radius: 1rem;
-      border-top-right-radius: 1rem;
-      margin-top: -1rem;
-    }
-  }
-`,O=x.default.div`
-  width: 640px;
-  padding: 16px 16px 0 16px;
-  display: none;
-
-  ${n.MediaQueries.mbUp} {
-    width: 640px;
-    display: table-cell;
-  }
-`,q=x.default.div`
-  background-color: ${r.theme.colors.primary50};
-  border-radius: 12px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  &[data-is-marry-baby='true'] {
-    background-color: ${r.theme.mbColors.tonePink};
-  }
-`,j=x.default.div`
-  margin-top: 40px;
-  padding: 24px 40px;
-`,M=x.default.img`
-  width: 100%;
-  display: block;
-  &.similac {
-    min-width: 1px;
-    object-fit: contain;
-
-    ${n.MediaQueries.mbUp} {
-      position: sticky;
-      top: 0;
-      height: 100vh;
-    }
-  }
-`,P=x.default(L)`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${n.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,I={[o.LOCALE.Vietnam]:"VN",[o.LOCALE.Cambodia]:"KH",[o.LOCALE.Indonesia]:"ID",[o.LOCALE.Malaysia]:"MY",[o.LOCALE.PhilippinesEnglish]:"PH",[o.LOCALE.PhilippinesTagalog]:"PH",[o.LOCALE.Taiwan]:"TW",[o.LOCALE.Thailand]:"TH",[o.LOCALE.Myanmar]:"MM"},S=x.default.div`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${n.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,A=x.default(L)`
-  .otp-input {
-    margin-bottom: 36px;
-    ${n.MediaQueries.mbDown} {
-      margin-bottom: 20px;
-    }
-    .otpContainer {
-      margin-bottom: 16px;
-    }
-  }
-  .resend {
-    display: flex;
-    gap: 6px;
-    margin-bottom: 32px;
-    ${n.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-    a {
-      text-decoration: underline;
-      cursor: pointer;
-    }
-  }
-  .phone-description {
-    margin-left: 2px;
-    margin-top: 2px;
-  }
-  .otp-description-edit-icon {
-    cursor: pointer;
-    vertical-align: bottom;
-    /* height: 100%; */
-    margin-bottom: 3px;
-    margin-left: 3px;
-  }
-`;exports.FormProvider=g,exports.MAPPED_LOCALE=I,exports.Onboarding=L,exports.OnboardingContext=c,exports.StyledBannerCol=O,exports.StyledBannerImg=M,exports.StyledBannerInner=q,exports.StyledContainer=v,exports.StyledContent=w,exports.StyledDynamicForm=S,exports.StyledIntro=j,exports.StyledOnboardingForm=P,exports.StyledOnboardingModal=E,exports.StyledOtpForm=A,exports.hiddenEmailChar=(e="")=>{const t=e.indexOf("@"),r=e.substring(0,t),i=r.length>3?3:r.length;return e.replace(e.substring(i,t),e.slice(i,t).replace(/./g,"x"))},exports.useForm=b,exports.useFormContext=h;

package/build/screenSizeContext-9966e6e1.js

@@ -1,81 +0,0 @@
-"use strict";var t=require("styled-components"),e=require("react"),r=require("lodash/throttle"),s=require("./utils-2d60bdd3.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=i(e),o=i(r);const a=t.keyframes`
-from {
-  transform: translate3d(0, 100%, 0);
-  visibility: visible;
-}
-
-to {
-  transform: translate3d(0, 0, 0);
-}
-`,d=t.keyframes`
-from {
-    transform: translate3d(0, -100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,l=t.keyframes`
- from {
-    transform: translate3d(-100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,f=t.keyframes`
- from {
-    transform: translate3d(100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,m=t.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(0, 100%, 0);
-}
-`,p=t.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(-100%, 0, 0);
-}
-`,u=t.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(100%, 0, 0);
-}
-`,y=t.keyframes`
- from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    transform: translate3d(0, -100%, 0);
-  }
-`,B=t.keyframes`
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-`,c=e.createContext({isInit:!0}),v=t=>{const e=(t=>"number"==typeof t?t:"undefined"!=typeof window&&window.innerWidth||0)(t);return{smallMobile:e<s.Breakpoints.BREAK_POINT_SMALL_MOBILE,mobile:e>=s.Breakpoints.BREAK_POINT_SMALL_MOBILE&&e<s.Breakpoints.BREAK_POINT_MOBILE,tablet:e>=s.Breakpoints.BREAK_POINT_MOBILE&&e<s.Breakpoints.BREAK_POINT_TABLET,pc:e>=s.Breakpoints.BREAK_POINT_TABLET&&e<s.Breakpoints.BREAK_POINT_PC,xl:e>=s.Breakpoints.BREAK_POINT_PC}};exports.ScreenSizeContext=c,exports.ScreenSizeContextProvider=({children:t})=>{const[r,s]=e.useState((()=>({isInit:!0})));e.useEffect((()=>{const t=o.default((()=>{s({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",t,{passive:!0}),()=>{window.removeEventListener("resize",t)}}),[]);const i=e.useMemo((()=>v(r.width)),[r.width]);return n.default.createElement(c.Provider,{value:Object.assign(Object.assign({},r),{sizeGroups:i})},t)},exports.fadeIn=B,exports.getWindowSizeGroups=v,exports.slideInDown=d,exports.slideInLeft=l,exports.slideInRight=f,exports.slideInUp=a,exports.slideOutDown=m,exports.slideOutLeft=p,exports.slideOutRight=u,exports.slideOutUp=y;