@hhgtech/hhg-components 1.27.129 → 1.27.130

package/build/esm/components/onboarding/index.d.ts

@@ -1,20 +0,0 @@
-/**
- * @deprecated Use OnboardingV2 instead
- */
-export { OnboardingModal } from './onboardingModal';
-export type { OnboardingModalProps } from './onboardingModal';
-/**
- * @deprecated Use OnboardingV2 instead
- */
-export { OnboardingForm } from './onboardingForm';
-export type { OnboardingFormProps } from './onboardingForm';
-/**
- * @deprecated Use OnboardingV2 instead
- */
-export { OtpForm } from './otpForm';
-export type { PersonalInfo } from "../../interfaces/types";
-/**
- * @deprecated Use OnboardingV2 instead
- */
-export { OnboardingStep } from "../../interfaces/types";
-export { MAPPED_LOCALE } from './utils';

package/build/esm/components/onboarding/onboardingForm/default.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { PhoneProps } from "../../mantine/phone";
-export type OnboardingFormProps = {
-    onClose(): void;
-    onSubmit(phone: string): void;
-    canSkip?: boolean;
-    defaultCountry?: PhoneProps['defaultCountry'];
-    customFormTexts?: {
-        heading?: string;
-        description?: string;
-    };
-};
-export declare const DefaultOnboardingForm: ({ onClose, onSubmit: _onSubmit, canSkip, customFormTexts, }: OnboardingFormProps) => React.JSX.Element;

package/build/esm/components/onboarding/onboardingForm/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { PhoneProps } from "../../mantine/phone";
-import { OnboardingFormField } from './similac';
-export type OnboardingFormProps = {
-    onClose(): void;
-    onSubmit(phone: string | OnboardingFormField): void;
-    canSkip?: boolean;
-    defaultCountry?: PhoneProps['defaultCountry'];
-    customFormTexts?: {
-        heading?: string;
-        description?: string;
-    };
-    withSimilac?: boolean;
-    customTerms?: React.ReactNode;
-};
-/**
- * @deprecated Use OnboardingV2 instead
- */
-export declare const OnboardingForm: ({ withSimilac, ...rest }: OnboardingFormProps) => React.JSX.Element;

package/build/esm/components/onboarding/onboardingForm/index.styled.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const StyledOnboardingForm: import("styled-components").StyledComponent<({ heading, description, children, className, imgSrc, hiddenLogo, ...rest }: import("../../ui/onboarding").OnboardingProps) => import("react").JSX.Element, any, {}, never>;

package/build/esm/components/onboarding/onboardingForm/similac.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { PhoneProps } from "../../mantine/phone";
-export type OnboardingFormField = {
-    fullName: string;
-    phone: string;
-    email: string;
-    address: any;
-    term: boolean;
-};
-export type OnboardingFormProps = {
-    onClose(): void;
-    onSubmit(data: OnboardingFormField): void;
-    canSkip?: boolean;
-    defaultCountry?: PhoneProps['defaultCountry'];
-    customFormTexts?: {
-        heading?: string;
-        description?: string;
-    };
-    customTerms?: React.ReactNode;
-    defaultValues?: Partial<OnboardingFormField>;
-};
-export declare const SimilacOnboardingForm: ({ onClose, onSubmit: _onSubmit, canSkip, customFormTexts, customTerms, defaultValues, ...rest }: OnboardingFormProps) => React.JSX.Element;

package/build/esm/components/onboarding/onboardingModal/index.d.ts

@@ -1,37 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import { OnboardingProps } from "../../ui/onboarding";
-import { Banner, OnboardingStep, PersonalInfo } from "../../../interfaces/types";
-import { OnboardingFormProps } from '../onboardingForm';
-export type ResultScreen = OnboardingProps;
-export type OnboardingModalProps = {
-    banner?: Banner;
-    canSkip?: boolean;
-    createPassError?: string;
-    createPassLoading?: boolean;
-    customFormTexts?: {
-        onboarding?: OnboardingFormProps['customFormTexts'];
-    };
-    emailLoading?: boolean;
-    flow?: OnboardingStep[];
-    initialData?: any;
-    onClose?: () => void;
-    onCreatePassByEmail?(password: string): void;
-    onOtpSubmit?(otp: string): void | Promise<string | undefined | void>;
-    onPersonalInfoSubmit?(values: PersonalInfo): void | Promise<string | undefined | void>;
-    onPhoneSubmit?(phone: string): void;
-    onResendCode?(phone: string): void;
-    otpError?: string;
-    otpLoading?: boolean;
-    personalInfoError?: string;
-    resultScreenProps?: ResultScreen;
-    siteType?: 'helloSites' | 'marryBaby';
-    step?: OnboardingStep;
-    withSimilac?: boolean;
-    similacFormProps?: {
-        onFormSubmit?: (values: any) => void;
-        defaultValues?: any;
-        customTerms?: ReactNode;
-    };
-} & HTMLAttributes<HTMLDivElement>;
-declare const OnboardingModal: ({ banner, canSkip, createPassError, createPassLoading, customFormTexts, emailLoading, flow, initialData, onClose, onCreatePassByEmail: _onCreatePassByEmail, onOtpSubmit: _onOtpSubmit, onPersonalInfoSubmit: _onPersonalInfoSubmit, onPhoneSubmit: _onPhoneSubmit, onResendCode, otpError, otpLoading, personalInfoError, resultScreenProps, siteType, step: _step, withSimilac, similacFormProps, ...rest }: OnboardingModalProps) => React.JSX.Element;
-export { OnboardingModal };

package/build/esm/components/onboarding/onboardingModal/index.styled.d.ts

@@ -1,7 +0,0 @@
-export declare const StyledOnboardingModal: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBannerCol: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBannerInner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledIntro: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBannerImg: import("styled-components").StyledComponent<"img", any, {}, never>;

package/build/esm/components/onboarding/otpForm/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export type OtpFormProps = {
-    onSubmit(otp: string | number): void;
-    phone?: string;
-    email?: string;
-    onResendCode(phone: string): void;
-    otpError?: string;
-    onClose(): void;
-    loading?: boolean;
-    canSkip?: boolean;
-    onBack?(): void;
-    outOfEdit?: boolean;
-};
-export declare const OtpForm: ({ onSubmit: _onSubmit, phone, email, onResendCode, otpError, onClose, loading, onBack, canSkip: canSkipInit, outOfEdit, }: OtpFormProps) => React.JSX.Element;

package/build/esm/components/onboarding/otpForm/index.styled.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const StyledOtpForm: import("styled-components").StyledComponent<({ heading, description, children, className, imgSrc, hiddenLogo, ...rest }: import("../../ui/onboarding").OnboardingProps) => import("react").JSX.Element, any, {}, never>;

package/build/esm/components/onboarding/personalInfoForm/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { PersonalInfo } from "../../../interfaces/types";
-export type PersonalInfoFormProps = {
-    onClose(): void;
-    onSubmit({ email, birthday, gender, name, }: {
-        email?: string;
-        birthday?: string;
-        gender?: string;
-        name?: string;
-    }): void;
-    loading?: boolean;
-    canSkip?: boolean;
-    errorMessage?: string;
-    initialData?: PersonalInfo;
-};
-export declare const PersonalInfoForm: ({ onClose, onSubmit, canSkip, loading, errorMessage, initialData, }: PersonalInfoFormProps) => React.JSX.Element;

package/build/esm/components/onboarding/personalInfoForm/index.styled.d.ts

@@ -1 +0,0 @@
-export declare const StyledFormInner: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/esm/components/onboarding/updatePassword/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { PhoneProps } from "../../mantine";
-export type UpdatePasswordFormProps = {
-    onClose(): void;
-    onSubmit(phone: string): void;
-    canSkip?: boolean;
-    defaultCountry?: PhoneProps['defaultCountry'];
-    errorMessage?: string;
-    loading?: boolean;
-};
-export declare const UpdatePassword: ({ onClose, onSubmit, canSkip, errorMessage, loading, }: UpdatePasswordFormProps) => React.JSX.Element;

package/build/esm/components/onboarding/utils.d.ts

@@ -1,12 +0,0 @@
-export declare const MAPPED_LOCALE: {
-    "vi-VN": string;
-    "km-KH": string;
-    "id-ID": string;
-    "ms-MY": string;
-    "en-PH": string;
-    "tl-PH": string;
-    "zh-TW": string;
-    "th-TH": string;
-    "my-MM": string;
-};
-export declare const hiddenEmailChar: (str?: string) => string;

package/build/esm/index-266c67dc.js

@@ -1,53 +0,0 @@
-import{_ as e}from"./tslib.es6-94d7a71f.js";import t,{createContext as o,useContext as i}from"react";import{Container as r,Title as n}from"@mantine/core";import{L as a}from"./utils-b9110e08.js";import"./index-9f93dfea.js";import"@mantine/dates";import{L as m}from"./index-989cdca7.js";import"./Onboarding-d1de2167.js";import"./gAssets.js";import{T as s}from"./index-47e3daa0.js";import"dayjs";import{M as c}from"./screenSizeContext-7d7a1fc0.js";import p from"styled-components";import{t as d}from"./theme-9f669777.js";import"./isProduction-07258913.js";import"./translationsContext-b7816b6b.js";import"string-format";import"@mantine/hooks";import{createFormContext as l}from"@mantine/form";const g=o({}),[f,h,x]=l(),b=p.div`
-  margin-top: 70px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  &.similac {
-    margin-top: 16px;
-  }
-`,j=p(r)`
-  &.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;
-    ${c.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%;
-  }
-`,u=p.img`
-  margin-bottom: 38px;
-`,y=o=>{var r,{heading:c,description:p,children:l,className:f,imgSrc:h,hiddenLogo:x=!1}=o,y=e(o,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:E,siteType:L}=i(g);return t.createElement(j,Object.assign({},y,{className:`hhg-comp-onboarding-container ${f}`,size:"sm"}),!x&&t.createElement(a,{type:E?L:(null===(r=m[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),t.createElement(b,{className:x?"similac":""},h&&t.createElement(u,{src:h,loading:"lazy"}),(c||p)&&t.createElement("div",{className:"header"},c&&t.createElement(n,{order:3},c),p&&t.createElement(s,{size:"p3",mt:8,color:d.colors.gray600},p)),l))};export{f as F,g as O,x as a,y as b,h as u};

package/build/esm/index-49a14fca.js

@@ -1 +0,0 @@
-import{_ as e}from"./tslib.es6-94d7a71f.js";import t from"react";import{S as a,a as s}from"./index.styled-9ca36a2d.js";const r=s=>{var{type:r,color:l,style:o}=s,c=e(s,["type","color","style"]);return t.createElement(a,Object.assign({type:r,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[r],style:Object.assign(Object.assign({},l&&{"--text-color":l}),o)},c))},l=a=>{var{type:r,color:l,style:o}=a,c=e(a,["type","color","style"]);return t.createElement(s,Object.assign({"data-type":r,style:Object.assign(Object.assign({},o),l&&{"--text-color":l})},c))};export{l as M,r as a};

package/build/esm/index-891b3114.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-94d7a71f.js";import e from"react";import"./index-9f93dfea.js";import"@mantine/core";import"@mantine/dates";import"./index-989cdca7.js";import"./Onboarding-d1de2167.js";import"./gAssets.js";import{T as i}from"./index-47e3daa0.js";import"dayjs";import"./screenSizeContext-7d7a1fc0.js";import"styled-components";import"./theme-9f669777.js";import"./isProduction-07258913.js";import"./translationsContext-b7816b6b.js";import"string-format";import"@mantine/hooks";const o=o=>{var{size:r="base",type:s="regular"}=o,m=t(o,["size","type"]);return e.createElement(i,Object.assign({size:r,weight:"caption"===s?"bold":s},m))};export{o as T};

package/build/esm/index.styled-1dae8dac.js

@@ -1,130 +0,0 @@
-import"dayjs";import{M as t}from"./screenSizeContext-7d7a1fc0.js";import"react";import o from"styled-components";import{t as i}from"./theme-9f669777.js";import"./index-989cdca7.js";import"./isProduction-07258913.js";import"./Onboarding-d1de2167.js";import"./gAssets.js";import{b as p}from"./index-266c67dc.js";const r=o.div`
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  background: white;
-  overflow-y: auto;
-`,n=o.div`
-  height: 100%;
-  ${t.lgPcUp} {
-    display: table;
-    width: 100%;
-    height: calc(100% - 25px);
-  }
-`,a=o.div`
-  padding: 16px;
-  ${t.mbUp} {
-    padding: 48px 24px 24px;
-  }
-  [data-similac='true'][data-has-banner='true'] {
-    ${t.mbDown} {
-      background: white;
-      border-top-left-radius: 1rem;
-      border-top-right-radius: 1rem;
-      margin-top: -1rem;
-    }
-  }
-`,e=o.div`
-  width: 640px;
-  padding: 16px 16px 0 16px;
-  display: none;
-
-  ${t.mbUp} {
-    width: 640px;
-    display: table-cell;
-  }
-`,d=o.div`
-  background-color: ${i.colors.primary50};
-  border-radius: 12px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  &[data-is-marry-baby='true'] {
-    background-color: ${i.mbColors.tonePink};
-  }
-`,m=o.div`
-  margin-top: 40px;
-  padding: 24px 40px;
-`,s=o.img`
-  width: 100%;
-  display: block;
-  &.similac {
-    min-width: 1px;
-    object-fit: contain;
-
-    ${t.mbUp} {
-      position: sticky;
-      top: 0;
-      height: 100vh;
-    }
-  }
-`,x=o(p)`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${t.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,b=o.div`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${t.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,c=o(p)`
-  .otp-input {
-    margin-bottom: 36px;
-    ${t.mbDown} {
-      margin-bottom: 20px;
-    }
-    .otpContainer {
-      margin-bottom: 16px;
-    }
-  }
-  .resend {
-    display: flex;
-    gap: 6px;
-    margin-bottom: 32px;
-    ${t.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 S,x as a,c as b,r as c,n as d,a as e,e as f,d as g,m as h,s as i};

package/build/esm/onboarding.js

@@ -1 +0,0 @@
-import{a as e,_ as o}from"./tslib.es6-94d7a71f.js";import t,{useContext as n,useState as r,useRef as a,useEffect as i,useMemo as s,useCallback as l}from"react";import{Input as d,Grid as m,Title as c}from"@mantine/core";import{useInterval as p,useCounter as u}from"@mantine/hooks";import{B as g}from"./index-74e02dfd.js";import{T as b}from"./index-47e3daa0.js";import{u as h,a as E,F as f,O as v,b as y}from"./index-266c67dc.js";import{u as w}from"./useTranslations-a44fb2b8.js";import"lodash/debounce";import"./isProduction-07258913.js";import{L as S}from"./index-989cdca7.js";import"./useCategory-8f1ab87e.js";import{P,e as j,R as k,O as C,f as x,u as B,B as z}from"./index-9f93dfea.js";import{O as T}from"./Onboarding-d1de2167.js";export{O as OnboardingStep}from"./Onboarding-d1de2167.js";import"dayjs";import{M as N}from"./screenSizeContext-7d7a1fc0.js";import"styled-components";import{t as F}from"./theme-9f669777.js";import"./gAssets.js";import{S as L,a as I,b as q,c as A,d as V,e as D,f as _,g as R,h as U,i as W}from"./index.styled-1dae8dac.js";import{yupResolver as H}from"@mantine/form";import"./index.styles-9c177634.js";import"./index-b986c56a.js";import"./utils-b9110e08.js";import"@mantine/dates";import"./index.styled-9ca36a2d.js";import"./index-d16ed225.js";import{D as Y}from"./index-6c42a891.js";import{A as $}from"./index-6b140908.js";import{V as G}from"./Visible-aa9e4118.js";import{M as Z,h as K}from"./utils-a0f349d6.js";export{M as MAPPED_LOCALE}from"./utils-a0f349d6.js";import*as J from"yup";import Q from"lodash/throttle";import{T as X}from"./index-891b3114.js";import{format as ee}from"date-fns";import"./translationsContext-b7816b6b.js";import"string-format";import"date-fns/locale";import"@mantine/carousel";import"./index-8d09f349.js";import"react-keyed-flatten-children";import"./cookieHelper-d2984087.js";import"slugify";const oe=({inputOrder:e=["phone"],withSimilac:o=!1,customTerms:n=""})=>{const{t:r}=w(),a=h(),i=t.createElement(d.Wrapper,Object.assign({className:o?"input-control":"phone-input",withAsterisk:!0},o?{label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.phone"))}:{}),t.createElement(P,Object.assign({defaultCountry:Z[process.env.UNIFY_LOCALE]||"VN"},a.getInputProps("phone"))),t.createElement(d.Error,{size:"md"},a.errors.phone)),s=t.createElement(j,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},a.getInputProps("name"))),l=t.createElement(j,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},a.getInputProps("email"))),m=t.createElement(Y,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},a.getInputProps("dob"))),c=t.createElement(k.Group,Object.assign({className:"radio-group",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},a.getInputProps("gender")),t.createElement(k,{value:"0",label:r("onboarding.formEmail.genderMale")}),t.createElement(k,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=t.createElement("div",{className:"otp-input"},t.createElement(C,Object.assign({enterKeyHint:void 0,nonce:void 0},a.getInputProps("otp"))),t.createElement(d.Error,null,a.errors.otp)),u=t.createElement(j.Password,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:t.createElement(G,null)},a.getInputProps("password"))),g=t.createElement(j.Wrapper,Object.assign({},a.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),t.createElement(x,{label:n?t.createElement(b,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n):t.createElement(b,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",t.createElement("a",null,t.createElement(b,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",t.createElement("a",null,t.createElement(b,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Abbott Similac"))," ","và được hướng dẫn cách ngưng chương trình"),onChange:e=>{a.setFieldValue("term",e.currentTarget.checked)}}),t.createElement(d.Error,{size:"md"},a.getInputProps("term",{type:"checkbox"}).error)),E=t.createElement($,Object.assign({className:"input-control",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.address"))},a.getInputProps("address"))),f=t.createElement(j.Password,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:t.createElement(G,null)},a.getInputProps("confirmPassword"))),v=e.map((e=>({phone:i,full_name:s,email:l,dob:m,gender:c,otp:p,password:u,confirm_password:f,term:g,address:E}[e]||null)));return t.createElement(L,null,v)},te=e=>J.object().shape({phone:J.string().required(e("onboarding.updatePhone.error")).default("")}),ne=e=>J.object().shape({phone:J.string().required(e("onboarding.updatePhone.error")).default(""),name:J.string().required(e("onboarding.errorMessage.requiredName")),email:J.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:J.mixed().required(e("onboarding.similac.address.error")),term:J.bool().oneOf([!0],e("onboarding.similac.term.error"))}),re=e=>J.object().shape({otp:J.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),ae=e=>J.object().shape({email:J.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:J.string().required(e("onboarding.errorMessage.requiredName"))}),ie=e=>J.object().shape({password:J.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:J.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([J.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),se=({onClose:o,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:i}=w(),s=E({initialValues:{phone:""},validate:H(te(i))});return t.createElement(I,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},t.createElement(f,{form:s},t.createElement("form",{onSubmit:s.onSubmit((o=>e(void 0,void 0,void 0,(function*(){n(o.phone)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["phone"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},i("onboarding.button.continue")),r&&t.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:o,type:"button"},i("onboarding.button.skip")))))},le=n=>{var{onClose:r,onSubmit:a,canSkip:i=!0,customFormTexts:s,customTerms:l,defaultValues:d}=n,m=o(n,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:c}=w(),{isMobile:p}=B(),u=E({initialValues:Object.assign({phone:"",term:!1},d),validate:H(ne(c))});return t.createElement(I,Object.assign({heading:(null==s?void 0:s.heading)||c("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||c("onboarding.updatePhone.description"),hiddenLogo:p},m),t.createElement(f,{form:u},t.createElement("form",{onSubmit:u.onSubmit((o=>e(void 0,void 0,void 0,(function*(){a(o)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:l}),t.createElement(z,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},c("onboarding.button.continue")),i&&t.createElement(z,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},c("onboarding.button.skip")))))},de=e=>{var{withSimilac:n=!1}=e,r=o(e,["withSimilac"]);return n?t.createElement(le,Object.assign({},r)):t.createElement(se,Object.assign({},r))},me=({onSubmit:o,phone:l,email:d,onResendCode:m,otpError:c,onClose:b,loading:h,onBack:y,canSkip:S,outOfEdit:P})=>{const{siteType:j,isMarryBaby:k}=n(v),[O,C]=r(30),x=p((()=>C((e=>e-1))),1e3),[M,B]=u(0,{min:0,max:3}),z=a(!0),{t:T}=w();i((()=>(x.start(),x.stop)),[]),i((()=>{0===O&&(x.stop(),z.current=!1)}),[O]);const N=E({initialValues:{otp:""},validate:H(re(T))});i((()=>{c&&N.setFieldError("otp",c)}),[c]);const L=s((()=>Q((()=>{z.current||(B.increment(),C(30),null==m||m(l||d),x.start(),z.current=!0)}),1e3,{trailing:!1})),[l,d,m,x]);return t.createElement(q,{heading:T("onboarding.otpForm.heading"),description:t.createElement(t.Fragment,null,t.createElement("span",{dangerouslySetInnerHTML:{__html:l?T("onboarding.otpForm.description",{phone:`<b style="color:${F.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):T("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${F.colors.gray800}">${K(d)}</b>`})}}),!P&&t.createElement("svg",{onClick:()=>{null==y||y()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},t.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},t.createElement(f,{form:N},t.createElement("form",{onSubmit:N.onSubmit((t=>e(void 0,void 0,void 0,(function*(){B.increment(),o(t.otp)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["otp"]}),t.createElement("div",{className:"resend"},t.createElement(X,{size:"p4",color:F.colors.gray400},T("onboarding.otpForm.notReceiveOTP")),t.createElement(X,{as:"a",size:"p4",color:k?F.mbColors.pink:F.colors.primaryBase,onClick:L},T("onboarding.otpForm.resendCode",{seconds:O}))),t.createElement(g,{theme:j,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:h,disabled:h,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},T("onboarding.button.continue")),S&&M>=3&&t.createElement(g,{theme:j,color:"ghost",isBlock:!0,size:"lg",onClick:b,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none",type:"button"},T("onboarding.button.skip")))))},ce=({onClose:e,onSubmit:o,canSkip:r,loading:a,errorMessage:s,initialData:l})=>{const{t:d,locale:m}=w(),{siteType:c,isMarryBaby:p}=n(v),u=E({validate:H(ae(d))});return i((()=>{u.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),i((()=>{s&&u.setFieldError("email",s)}),[s]),t.createElement(y,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":S[m].SITE_NAME_FORMATTED})},t.createElement(f,{form:u},t.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&ee(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},t.createElement(oe,{inputOrder:["full_name","email","dob","gender"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:c,isLoading:a,disabled:a},d("onboarding.button.continue")),r&&t.createElement(g,{theme:c,color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")))))},pe=({onClose:e,onSubmit:o,canSkip:n,errorMessage:r,loading:a})=>{const{t:i}=w(),s=E({initialValues:{password:"",confirmPassword:""},validate:H(ie(i))});return t.createElement(y,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},t.createElement(f,{form:s},t.createElement("form",{className:"form",onSubmit:s.onSubmit((e=>o((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},t.createElement(oe,{inputOrder:["password","confirm_password"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},i("onboarding.button.continue")),n&&t.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},i("onboarding.button.skip")),r&&t.createElement(d.Error,{className:"form-error"},r))))},ue=n=>{var{banner:a,canSkip:i,createPassError:s,createPassLoading:d,customFormTexts:p,emailLoading:h,flow:E=[T.Phone,T.OTP],initialData:f,onClose:S,onCreatePassByEmail:P,onOtpSubmit:j,onPersonalInfoSubmit:k,onPhoneSubmit:O,onResendCode:C,otpError:x,otpLoading:M,personalInfoError:z,resultScreenProps:L,siteType:I,step:q,withSimilac:H=!1,similacFormProps:Y}=n,$=o(n,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:G}=w(),[Z,K]=r(q||E[0]),[J,Q]=r(""),[X,ee]=r(""),[oe,te]=u(0,{min:0,max:2}),{isMobile:ne}=B(),re=l((()=>{const e=E.indexOf(Z)+1;e<=E.length-1&&K(E[e])}),[Z]),ae=l((()=>{const e=E.indexOf(Z)-1;e>=0&&K(E[e])}),[Z]),ie=o=>e(void 0,void 0,void 0,(function*(){try{!(yield j(o))&&re()}catch(e){console.error(e)}})),se=()=>{oe>=2||(te.increment(),ae())},ue="marryBaby"===I;return t.createElement(v.Provider,{value:{siteType:I,isMarryBaby:ue}},t.createElement(A,Object.assign({},$),E.length>0?t.createElement(V,null,t.createElement(m,{sx:{[N.mbDown]:{margin:0},".mantine-Grid-col":{[N.mbDown]:{padding:0}}}},t.createElement(m.Col,{span:"object"!=typeof a&&!H||ne?12:6,order:H?2:1,orderMd:H?1:2,sx:{zIndex:H?99:void 0}},t.createElement(D,{"data-similac":H,"data-has-banner":"object"==typeof a},Z===T.Phone&&(H?t.createElement(le,{onClose:S,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){var e;try{const t=null==o?void 0:o.phone;t&&(Q(t),yield Promise.all([null===(e=null==Y?void 0:Y.onFormSubmit)||void 0===e?void 0:e.call(Y,o),null==O?void 0:O(t)])),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding,defaultValues:null==Y?void 0:Y.defaultValues,customTerms:null==Y?void 0:Y.customTerms}):t.createElement(de,{onClose:S,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{Q(o),yield null==O?void 0:O(o),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding})),Z===T.OTP&&t.createElement(me,{onClose:S,onSubmit:ie,phone:J,onResendCode:C,otpError:x,loading:M,canSkip:i,onBack:se,outOfEdit:oe>=2}),Z===T.OTPEmail&&t.createElement(me,{onClose:S,onSubmit:ie,onResendCode:C,otpError:x,loading:M,canSkip:i,onBack:se,outOfEdit:oe>=2,email:X}),Z===T.PersonalInfo&&t.createElement(ce,{initialData:null==f?void 0:f[T.PersonalInfo],onClose:S,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{ee((null==o?void 0:o.email)||"");!(yield null==k?void 0:k(o))&&re()}catch(e){console.error(e)}})),errorMessage:z,loading:h}),Z===T.UpdatePassword&&t.createElement(pe,{onClose:S,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{yield null==P?void 0:P(o),!s&&re()}catch(e){console.error(e)}})),errorMessage:s,loading:d}),Z===T.Result&&t.createElement(y,Object.assign({},L),t.createElement(g,{theme:I,size:"lg",onClick:S,className:"form-button"},G("onboarding.button.continue"))))),"object"==typeof a&&!H&&t.createElement(m.Col,{span:"object"!=typeof a&&!H||ne?12:6,order:H?2:1,orderMd:H?1:2},t.createElement(_,null,t.createElement(R,{"data-is-marry-baby":ue},t.createElement(U,null,(null==a?void 0:a.heading)&&t.createElement(c,{order:1,mb:24},null==a?void 0:a.heading),(null==a?void 0:a.description)&&t.createElement(b,{size:"p1",color:F.colors.gray800},G("onboarding.welcomeScreen.content"))),(null==a?void 0:a.imgSrc)&&t.createElement("div",null,t.createElement(W,{src:null==a?void 0:a.imgSrc,loading:"lazy"}))))),"object"==typeof a&&H&&(null==a?void 0:a.imgSrc)&&t.createElement(m.Col,{span:"auto",order:H?1:2,orderMd:H?2:1},t.createElement(W,{src:null==a?void 0:a.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))};export{de as OnboardingForm,ue as OnboardingModal,me as OtpForm};

package/build/esm/useHealthToolCache-609f3fe7.js

@@ -1 +0,0 @@
-import{a as o}from"./tslib.es6-94d7a71f.js";import{useState as t,useEffect as i,useCallback as a}from"react";import{a as l}from"./getDynamicHealthTool-8c9bd57c.js";const n=n=>{const[r,e]=t([]);i((()=>{o(void 0,void 0,void 0,(function*(){const o=yield l(n);e(o)}))}),[l,n]);const s=a((o=>{var t;return(null===(t=r.find((t=>t.template===o)))||void 0===t?void 0:t.link)||""}),[r]);return{allTools:r,getHealthToolLink:s}};export{n as u};

package/build/index-02971e91.js

@@ -1,53 +0,0 @@
-"use strict";var e=require("./tslib.es6-3f32a62c.js"),r=require("react"),t=require("@mantine/core"),i=require("./utils-aecec62b.js");require("./index-fc90913a.js"),require("@mantine/dates");var n=require("./index-7f4c945e.js");require("./Onboarding-c8a9fa68.js"),require("./gAssets.js");var o=require("./index-5d843121.js");require("dayjs");var a=require("./screenSizeContext-eb827be1.js"),s=require("styled-components"),c=require("./theme-be127218.js");require("./isProduction-506752b3.js"),require("./translationsContext-b3fc59d7.js"),require("string-format"),require("@mantine/hooks");var d=require("@mantine/form");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=m(r),u=m(s);const p=r.createContext({}),[g,x,f]=d.createFormContext(),h=u.default.div`
-  margin-top: 70px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  &.similac {
-    margin-top: 16px;
-  }
-`,b=u.default(t.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;
-    ${a.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%;
-  }
-`,q=u.default.img`
-  margin-bottom: 38px;
-`;exports.FormProvider=g,exports.Onboarding=a=>{var s,{heading:d,description:m,children:u,className:g,imgSrc:x,hiddenLogo:f=!1}=a,j=e.__rest(a,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:v,siteType:y}=r.useContext(p);return l.default.createElement(b,Object.assign({},j,{className:`hhg-comp-onboarding-container ${g}`,size:"sm"}),!f&&l.default.createElement(i.LogoIcon,{type:v?y:(null===(s=n.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===s?void 0:s.LOGO_TYPE)||"hellobacsi"}),l.default.createElement(h,{className:f?"similac":""},x&&l.default.createElement(q,{src:x,loading:"lazy"}),(d||m)&&l.default.createElement("div",{className:"header"},d&&l.default.createElement(t.Title,{order:3},d),m&&l.default.createElement(o.Text,{size:"p3",mt:8,color:c.theme.colors.gray600},m)),u))},exports.OnboardingContext=p,exports.useForm=f,exports.useFormContext=x;

package/build/index-8d4c708c.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-3f32a62c.js"),r=require("react");require("./index-fc90913a.js"),require("@mantine/core"),require("@mantine/dates"),require("./index-7f4c945e.js"),require("./Onboarding-c8a9fa68.js"),require("./gAssets.js");var t=require("./index-5d843121.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("dayjs"),require("./screenSizeContext-eb827be1.js"),require("styled-components"),require("./theme-be127218.js"),require("./isProduction-506752b3.js"),require("./translationsContext-b3fc59d7.js"),require("string-format"),require("@mantine/hooks");var s=i(r);exports.Text=r=>{var{size:i="base",type:n="regular"}=r,a=e.__rest(r,["size","type"]);return s.default.createElement(t.Text,Object.assign({size:i,weight:"caption"===n?"bold":n},a))};

package/build/index-8efcec1a.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-3f32a62c.js"),r=require("react"),t=require("@mantine/core");require("dayjs"),require("./screenSizeContext-eb827be1.js"),require("styled-components");var s=require("./theme-be127218.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index-7f4c945e.js"),require("./isProduction-506752b3.js"),require("./Onboarding-c8a9fa68.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-5db0b157.js

@@ -1,130 +0,0 @@
-"use strict";require("dayjs");var e=require("./screenSizeContext-eb827be1.js");require("react");var t=require("styled-components"),r=require("./theme-be127218.js");require("./index-7f4c945e.js"),require("./isProduction-506752b3.js"),require("./Onboarding-c8a9fa68.js"),require("./gAssets.js");var i=require("./index-02971e91.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t);const a=n.default.div`
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  background: white;
-  overflow-y: auto;
-`,d=n.default.div`
-  height: 100%;
-  ${e.MediaQueries.lgPcUp} {
-    display: table;
-    width: 100%;
-    height: calc(100% - 25px);
-  }
-`,p=n.default.div`
-  padding: 16px;
-  ${e.MediaQueries.mbUp} {
-    padding: 48px 24px 24px;
-  }
-  [data-similac='true'][data-has-banner='true'] {
-    ${e.MediaQueries.mbDown} {
-      background: white;
-      border-top-left-radius: 1rem;
-      border-top-right-radius: 1rem;
-      margin-top: -1rem;
-    }
-  }
-`,u=n.default.div`
-  width: 640px;
-  padding: 16px 16px 0 16px;
-  display: none;
-
-  ${e.MediaQueries.mbUp} {
-    width: 640px;
-    display: table-cell;
-  }
-`,s=n.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};
-  }
-`,m=n.default.div`
-  margin-top: 40px;
-  padding: 24px 40px;
-`,x=n.default.img`
-  width: 100%;
-  display: block;
-  &.similac {
-    min-width: 1px;
-    object-fit: contain;
-
-    ${e.MediaQueries.mbUp} {
-      position: sticky;
-      top: 0;
-      height: 100vh;
-    }
-  }
-`,l=n.default(i.Onboarding)`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${e.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,b=n.default.div`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${e.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,g=n.default(i.Onboarding)`
-  .otp-input {
-    margin-bottom: 36px;
-    ${e.MediaQueries.mbDown} {
-      margin-bottom: 20px;
-    }
-    .otpContainer {
-      margin-bottom: 16px;
-    }
-  }
-  .resend {
-    display: flex;
-    gap: 6px;
-    margin-bottom: 32px;
-    ${e.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.StyledBannerCol=u,exports.StyledBannerImg=x,exports.StyledBannerInner=s,exports.StyledContainer=d,exports.StyledContent=p,exports.StyledDynamicForm=b,exports.StyledIntro=m,exports.StyledOnboardingForm=l,exports.StyledOnboardingModal=a,exports.StyledOtpForm=g;