@hhgtech/hhg-components 1.27.72 → 1.27.74

package/build/esm/mantine.js

@@ -1 +1 @@
-import{aG as e,aH as t,aI as a}from"./utils-df78bdca.js";export{aK as Accordion,A as Anchor,z as AspectRatio,y as Avatar,aJ as Breadcrumbs,E as Button,aL as Carousel,aF as Checkbox,J as Input,aB as MAPPED_LOCALE,aO as OTHER_THEME_CONFIG,aE as OTP,aC as Phone,aP as Popover,aD as Radio,a8 as Select,ar as Tabs,x as Text,aM as emotionCache,aN as getHeadingStyles,aI as getMantineThemeOverride,aA as themeColors,aH as useMantineLocale}from"./utils-df78bdca.js";export{D as DatePicker}from"./index-066e1f8c.js";export{I as Indicator}from"./index-7dbac417.js";import s,{useMemo as r}from"react";export{M as Modal}from"./index-699a67a1.js";import{_ as o}from"./tslib.es6-c8835980.js";import{Badge as i,Spoiler as n,LoadingOverlay as c,MantineProvider as l,clsx as m,Title as d,Text as p,Button as u}from"@mantine/core";import{t as f}from"./theme-31acd0c2.js";import{T as g}from"./index-164612c2.js";import{u as h}from"./useTranslations-7597d802.js";export{b as CentralCarousel}from"./index-7c0c9a23.js";export{S as Slider}from"./index-c7061390.js";export{S as Switch}from"./index-6ee00df0.js";import"styled-components";import"./screenSizeContext-987c451f.js";import"lodash/throttle";import"./gAssets.js";import"./index-ef52a951.js";import"date-fns/locale";import"./Onboarding-ad49870c.js";import"./isProduction-8ce1051d.js";import"./index-b7da5adf.js";import"dayjs";import"./useUniqueId-6daecd5a.js";import"./translationsContext-e9aaabb6.js";import"string-format";import"react-keyed-flatten-children";import"@mantine/hooks";import"@mantine/dates";import"@mantine/carousel";import"lodash/debounce";import"./cookieHelper-f8486f9d.js";import"slugify";import"./index-75e66b82.js";const j=t=>s.createElement(e,Object.assign({minRows:2,maxRows:4},t)),v=e=>{var{color:t=f.colors.primaryBase,styles:a}=e,r=o(e,["color","styles"]);return s.createElement(i,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},a)},r))},O=e=>{var{children:t,line:a,lineHeight:i,trackingAttributes:c,maxHeight:l,customExpandFn:m}=e,d=o(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:p}=h(),u=r((()=>l||(a&&i?a*i:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const b=r((()=>c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}),[c]);return s.createElement(n,Object.assign({showLabel:s.createElement(g,Object.assign({size:"p3",color:f.colors.primaryBase},b,{onClick:m}),p("articlePage.readMore")),hideLabel:s.createElement(g,Object.assign({size:"p3",color:f.colors.primaryBase},b),p("articlePage.showLess"))},d,{maxHeight:u}),t)};const C=e=>(function(e=!1){s.useEffect((()=>{if(e){const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[e])}(e.visible),s.createElement(c,Object.assign({loaderProps:{color:f.colors.primaryBase}},e))),H=e=>{var{children:r,locale:i,template:n="hb"}=e,c=o(e,["children","locale","template"]);return t(i),s.createElement(l,Object.assign({theme:a(i,n)},c),r)};var P="MON6sfi",N="pS-tJD7",T="s3tJ9-5",w="fNsZr1b",k="uuxV74v",B="YohjTDU";function L(e){const{icon:t,title:a,description:r,button:i,buttonProps:n,style:c,className:l}=e,b=n||{},{size:f="lg",variant:g="outline"}=b,h=o(b,["size","variant"]),x=t;return s.createElement("div",{className:m("result",P,l),style:c},x&&s.createElement("div",{className:m("resultIconContainer",N)},s.createElement(x,{className:m("resultIcon",T)})),s.createElement(d,{order:3,size:"h3",className:m("resultTitle",w)},a),s.createElement(p,{className:m("resultDescription",k)},r),i&&s.createElement(u,Object.assign({},h,{size:f,variant:g,className:m("resultButton",B,h.className)}),i))}export{v as Badge,C as LoadingOverlay,H as MantineProvider,L as Result,O as Spoiler,j as TextArea};
+import{aG as e,aH as t,aI as a}from"./utils-f61711a0.js";export{aK as Accordion,A as Anchor,z as AspectRatio,y as Avatar,aJ as Breadcrumbs,E as Button,aL as Carousel,aF as Checkbox,J as Input,aB as MAPPED_LOCALE,aO as OTHER_THEME_CONFIG,aE as OTP,aC as Phone,aP as Popover,aD as Radio,a8 as Select,ar as Tabs,x as Text,aM as emotionCache,aN as getHeadingStyles,aI as getMantineThemeOverride,aA as themeColors,aH as useMantineLocale}from"./utils-f61711a0.js";export{D as DatePicker}from"./index-92c2686f.js";export{I as Indicator}from"./index-cf4715e6.js";import s,{useMemo as r}from"react";export{M as Modal}from"./index-dd69cd16.js";import{_ as o}from"./tslib.es6-2cae0456.js";import{Badge as i,Spoiler as n,LoadingOverlay as l,MantineProvider as c,clsx as m,Title as d,Text as p,Button as u}from"@mantine/core";import{t as f}from"./theme-9e139ee1.js";import{T as g}from"./index-aca4d584.js";import{u as h}from"./useTranslations-7c64ae29.js";export{b as CentralCarousel}from"./index-d24c00af.js";export{S as Slider}from"./index-b452faa0.js";export{S as Switch}from"./index-5bb6aa13.js";import"styled-components";import"./screenSizeContext-e3538e28.js";import"lodash/throttle";import"./gAssets.js";import"./index-ee03bd1e.js";import"date-fns/locale";import"./Onboarding-8d78ce80.js";import"./isProduction-dd42f212.js";import"./index-3f63d34b.js";import"dayjs";import"./useUniqueId-f42d4577.js";import"./translationsContext-4d6e5519.js";import"string-format";import"react-keyed-flatten-children";import"@mantine/hooks";import"@mantine/dates";import"@mantine/carousel";import"lodash/debounce";import"./cookieHelper-df820d6d.js";import"slugify";import"./index-19616958.js";const j=t=>s.createElement(e,Object.assign({minRows:2,maxRows:4},t)),v=e=>{var{color:t=f.colors.primaryBase,styles:a}=e,r=o(e,["color","styles"]);return s.createElement(i,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},a)},r))},O=e=>{var{children:t,line:a,lineHeight:i,trackingAttributes:l,maxHeight:c,customExpandFn:m}=e,d=o(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:p}=h(),u=r((()=>c||(a&&i?a*i:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const b=r((()=>l?{"data-event-category":l.dataEventCategory,"data-event-action":l.dataEventAction,"data-event-label":l.dataEventLabel}:{}),[l]);return s.createElement(n,Object.assign({showLabel:s.createElement(g,Object.assign({size:"p3",color:f.colors.primaryBase},b,{onClick:m}),p("articlePage.readMore")),hideLabel:s.createElement(g,Object.assign({size:"p3",color:f.colors.primaryBase},b),p("articlePage.showLess"))},d,{maxHeight:u}),t)};const C=e=>(function(e=!1){s.useEffect((()=>{if(e){const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[e])}(e.visible),s.createElement(l,Object.assign({loaderProps:{color:f.colors.primaryBase}},e))),H=e=>{var{children:r,locale:i,template:n="hb"}=e,l=o(e,["children","locale","template"]);return t(i),s.createElement(c,Object.assign({theme:a(i,n)},l),r)};var P="MON6sfi",N="pS-tJD7",T="s3tJ9-5",w="fNsZr1b",k="uuxV74v",B="YohjTDU";function L(e){const{icon:t,title:a,description:r,button:i,buttonProps:n,style:l,className:c}=e,f=n||{},{size:b="lg",variant:g="outline"}=f,h=o(f,["size","variant"]),x=t;return s.createElement("div",{className:m("result",P,c),style:l},x&&s.createElement("div",{className:m("resultIconContainer",N)},s.createElement(x,{className:m("resultIcon",T)})),s.createElement(d,{order:3,size:"h3",className:m("resultTitle",w)},a),s.createElement(p,{className:m("resultDescription",k)},r),i&&s.createElement(u,Object.assign({},h,{size:b,variant:g,className:m("resultButton",B,h.className)}),i))}export{v as Badge,C as LoadingOverlay,H as MantineProvider,L as Result,O as Spoiler,j as TextArea};

package/build/esm/misc.js

@@ -1 +1 @@
-export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-947fe3bd.js";export{B as Breakpoints,M as MediaQueries,S as ScreenSizeContext,q as ScreenSizeContextProvider,h as fadeIn,i as formatUrlWithPageParam,j as getBoundariesFromMediaQueryKey,k as getPopupWrapperDom,p as getWindowSizeGroups,l as getWrapperDomWithSelector,m as makeParams,o as safeEncodeURI,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp,n as startCase,t as toggleNoScroll}from"./screenSizeContext-987c451f.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-f8486f9d.js";import"react";import"styled-components";export{M as MBTheme,t as theme}from"./theme-31acd0c2.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-5e76271a.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-8b859474.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-5c62bbce.js";export{g as getSocialList}from"./getSocialList-e2edc6f8.js";import"dayjs";import"lodash/throttle";import"./index-ef52a951.js";import"date-fns/locale";import"./Onboarding-ad49870c.js";import"./isProduction-8ce1051d.js";import"./tslib.es6-c8835980.js";import"./core-7af1314a.js";import"./normalizeLink-6d537179.js";import"./gAssets.js";
+export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-4a78d812.js";export{B as Breakpoints,M as MediaQueries,S as ScreenSizeContext,q as ScreenSizeContextProvider,h as fadeIn,i as formatUrlWithPageParam,j as getBoundariesFromMediaQueryKey,k as getPopupWrapperDom,p as getWindowSizeGroups,l as getWrapperDomWithSelector,m as makeParams,o as safeEncodeURI,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp,n as startCase,t as toggleNoScroll}from"./screenSizeContext-e3538e28.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-df820d6d.js";import"react";import"styled-components";export{M as MBTheme,t as theme}from"./theme-9e139ee1.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-0e2a6381.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-158b3332.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-7c51b447.js";export{g as getSocialList}from"./getSocialList-47bd9dcc.js";import"dayjs";import"lodash/throttle";import"./index-ee03bd1e.js";import"date-fns/locale";import"./Onboarding-8d78ce80.js";import"./isProduction-dd42f212.js";import"./tslib.es6-2cae0456.js";import"./core-b9ce5e48.js";import"./normalizeLink-873cf02a.js";import"./gAssets.js";

package/build/esm/navigation.js

@@ -1 +1 @@
-import"./tslib.es6-c8835980.js";import"react";import"./core-7af1314a.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-eef47a39.js";import"./index-ef52a951.js";import"./normalizeLink-6d537179.js";import"./routing-8b859474.js";import"./dataTransform-474b6557.js";import"./index.styled-6b23e614.js";import"./isProduction-8ce1051d.js";import"./utils-df78bdca.js";import"@mantine/core";import"styled-components";import"./index-7c0c9a23.js";import"@mantine/carousel";import"@mantine/hooks";import"./theme-31acd0c2.js";import"./screenSizeContext-987c451f.js";import"lodash/throttle";import"./gAssets.js";import"date-fns/locale";import"./Onboarding-ad49870c.js";import"./index-b7da5adf.js";import"dayjs";import"./useUniqueId-6daecd5a.js";import"./index-164612c2.js";import"./translationsContext-e9aaabb6.js";import"string-format";import"react-keyed-flatten-children";import"@mantine/dates";import"lodash/debounce";import"./cookieHelper-f8486f9d.js";import"slugify";import"./index-940a2837.js";import"./useTranslations-7597d802.js";import"./index-75e66b82.js";import"./constants-254a4df3.js";import"./index-7dbac417.js";import"./useIsInit-3a06bd4a.js";import"dayjs/plugin/relativeTime";
+import"./tslib.es6-2cae0456.js";import"react";import"./core-b9ce5e48.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-9116eee5.js";import"./index-ee03bd1e.js";import"./normalizeLink-873cf02a.js";import"./routing-158b3332.js";import"./dataTransform-b390c460.js";import"./index.styled-fa80a8b4.js";import"./isProduction-dd42f212.js";import"./utils-f61711a0.js";import"@mantine/core";import"styled-components";import"./index-d24c00af.js";import"@mantine/carousel";import"@mantine/hooks";import"./theme-9e139ee1.js";import"./screenSizeContext-e3538e28.js";import"lodash/throttle";import"./gAssets.js";import"date-fns/locale";import"./Onboarding-8d78ce80.js";import"./index-3f63d34b.js";import"dayjs";import"./useUniqueId-f42d4577.js";import"./index-aca4d584.js";import"./translationsContext-4d6e5519.js";import"string-format";import"react-keyed-flatten-children";import"@mantine/dates";import"lodash/debounce";import"./cookieHelper-df820d6d.js";import"slugify";import"./index-0645b438.js";import"./useTranslations-7c64ae29.js";import"./index-19616958.js";import"./constants-940d6a04.js";import"./index-cf4715e6.js";import"./useIsInit-ae099602.js";import"dayjs/plugin/relativeTime";

package/build/esm/onboarding.js

@@ -1 +1 @@
-import{a as e,_ as o}from"./tslib.es6-c8835980.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-75e66b82.js";import{x as b,aC as E,J as h,aD as f,aE as v,aF as y,w,E as S}from"./utils-df78bdca.js";import{u as P,a as j,F as k,O as C,b as x}from"./index-d92f4c41.js";import{u as B}from"./useTranslations-7597d802.js";import"lodash/debounce";import"./isProduction-8ce1051d.js";import{L as z}from"./index-ef52a951.js";import{O as T}from"./Onboarding-ad49870c.js";export{O as OnboardingStep}from"./Onboarding-ad49870c.js";import"dayjs";import{M as F}from"./screenSizeContext-987c451f.js";import"styled-components";import{t as N}from"./theme-31acd0c2.js";import"./gAssets.js";import{S as I,a as L,b as q,c as A,d as D,e as V,f as _,g as U,h as R,i as W}from"./index.styled-73921818.js";import{yupResolver as H}from"@mantine/form";import"./index-7c0c9a23.js";import"./index-b7da5adf.js";import"@mantine/dates";import{D as Y}from"./index-066e1f8c.js";import{A as $}from"./index-13b5fcc4.js";import{V as G}from"./Visible-ac315efb.js";import{M as Z,h as J}from"./utils-8db4813e.js";export{M as MAPPED_LOCALE}from"./utils-8db4813e.js";import*as K from"yup";import Q from"lodash/throttle";import{T as X}from"./index-164612c2.js";import{format as ee}from"date-fns";import"./translationsContext-e9aaabb6.js";import"string-format";import"react-keyed-flatten-children";import"@mantine/carousel";import"./useUniqueId-6daecd5a.js";import"./cookieHelper-f8486f9d.js";import"slugify";import"date-fns/locale";const oe=({inputOrder:e=["phone"],withSimilac:o=!1,customTerms:n=""})=>{const{t:r}=B(),a=P(),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(E,Object.assign({defaultCountry:Z[process.env.UNIFY_LOCALE]||"VN"},a.getInputProps("phone"))),t.createElement(d.Error,{size:"md"},a.errors.phone)),s=t.createElement(h,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},a.getInputProps("name"))),l=t.createElement(h,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(f.Group,Object.assign({className:"radio-group",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},a.getInputProps("gender")),t.createElement(f,{value:"0",label:r("onboarding.formEmail.genderMale")}),t.createElement(f,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=t.createElement("div",{className:"otp-input"},t.createElement(v,Object.assign({enterKeyHint:void 0,nonce:void 0},a.getInputProps("otp"))),t.createElement(d.Error,null,a.errors.otp)),u=t.createElement(h.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(h.Wrapper,Object.assign({},a.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),t.createElement(y,{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)),w=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"))),S=t.createElement(h.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"))),j=e.map((e=>({phone:i,full_name:s,email:l,dob:m,gender:c,otp:p,password:u,confirm_password:S,term:g,address:w}[e]||null)));return t.createElement(I,null,j)},te=e=>K.object().shape({phone:K.string().required(e("onboarding.updatePhone.error")).default("")}),ne=e=>K.object().shape({phone:K.string().required(e("onboarding.updatePhone.error")).default(""),name:K.string().required(e("onboarding.errorMessage.requiredName")),email:K.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:K.mixed().required(e("onboarding.similac.address.error")),term:K.bool().oneOf([!0],e("onboarding.similac.term.error"))}),re=e=>K.object().shape({otp:K.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),ae=e=>K.object().shape({email:K.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:K.string().required(e("onboarding.errorMessage.requiredName"))}),ie=e=>K.object().shape({password:K.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:K.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([K.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),se=({onClose:o,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:i}=B(),s=j({initialValues:{phone:""},validate:H(te(i))});return t.createElement(L,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},t.createElement(k,{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}=B(),{isMobile:p}=w(),u=j({initialValues:Object.assign({phone:"",term:!1},d),validate:H(ne(c))});return t.createElement(L,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(k,{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(S,{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(S,{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:E,onBack:h,canSkip:f,outOfEdit:v})=>{const{siteType:y,isMarryBaby:w}=n(C),[S,P]=r(30),O=p((()=>P((e=>e-1))),1e3),[M,x]=u(0,{min:0,max:3}),z=a(!0),{t:T}=B();i((()=>(O.start(),O.stop)),[]),i((()=>{0===S&&(O.stop(),z.current=!1)}),[S]);const F=j({initialValues:{otp:""},validate:H(re(T))});i((()=>{c&&F.setFieldError("otp",c)}),[c]);const I=s((()=>Q((()=>{z.current||(x.increment(),P(30),null==m||m(l||d),O.start(),z.current=!0)}),1e3,{trailing:!1})),[l,d,m,O]);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:${N.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):T("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${N.colors.gray800}">${J(d)}</b>`})}}),!v&&t.createElement("svg",{onClick:()=>{null==h||h()},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(k,{form:F},t.createElement("form",{onSubmit:F.onSubmit((t=>e(void 0,void 0,void 0,(function*(){x.increment(),o(t.otp)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["otp"]}),t.createElement("div",{className:"resend"},t.createElement(X,{size:"p4",color:N.colors.gray400},T("onboarding.otpForm.notReceiveOTP")),t.createElement(X,{as:"a",size:"p4",color:w?N.mbColors.pink:N.colors.primaryBase,onClick:I},T("onboarding.otpForm.resendCode",{seconds:S}))),t.createElement(g,{theme:y,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:E,disabled:E,"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")),f&&M>=3&&t.createElement(g,{theme:y,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}=B(),{siteType:c,isMarryBaby:p}=n(C),u=j({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(x,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":z[m].SITE_NAME_FORMATTED})},t.createElement(k,{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}=B(),s=j({initialValues:{password:"",confirmPassword:""},validate:H(ie(i))});return t.createElement(x,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},t.createElement(k,{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:E,flow:h=[T.Phone,T.OTP],initialData:f,onClose:v,onCreatePassByEmail:y,onOtpSubmit:S,onPersonalInfoSubmit:P,onPhoneSubmit:j,onResendCode:k,otpError:O,otpLoading:M,personalInfoError:z,resultScreenProps:I,siteType:L,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}=B(),[Z,J]=r(q||h[0]),[K,Q]=r(""),[X,ee]=r(""),[oe,te]=u(0,{min:0,max:2}),{isMobile:ne}=w(),re=l((()=>{const e=h.indexOf(Z)+1;e<=h.length-1&&J(h[e])}),[Z]),ae=l((()=>{const e=h.indexOf(Z)-1;e>=0&&J(h[e])}),[Z]),ie=o=>e(void 0,void 0,void 0,(function*(){try{!(yield S(o))&&re()}catch(e){console.error(e)}})),se=()=>{oe>=2||(te.increment(),ae())},ue="marryBaby"===L;return t.createElement(C.Provider,{value:{siteType:L,isMarryBaby:ue}},t.createElement(A,Object.assign({},$),h.length>0?t.createElement(D,null,t.createElement(m,{sx:{[F.mbDown]:{margin:0},".mantine-Grid-col":{[F.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(V,{"data-similac":H,"data-has-banner":"object"==typeof a},Z===T.Phone&&(H?t.createElement(le,{onClose:v,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==j?void 0:j(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:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{Q(o),yield null==j?void 0:j(o),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding})),Z===T.OTP&&t.createElement(me,{onClose:v,onSubmit:ie,phone:K,onResendCode:k,otpError:O,loading:M,canSkip:i,onBack:se,outOfEdit:oe>=2}),Z===T.OTPEmail&&t.createElement(me,{onClose:v,onSubmit:ie,onResendCode:k,otpError:O,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:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{ee((null==o?void 0:o.email)||"");!(yield null==P?void 0:P(o))&&re()}catch(e){console.error(e)}})),errorMessage:z,loading:E}),Z===T.UpdatePassword&&t.createElement(pe,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{yield null==y?void 0:y(o),!s&&re()}catch(e){console.error(e)}})),errorMessage:s,loading:d}),Z===T.Result&&t.createElement(x,Object.assign({},I),t.createElement(g,{theme:L,size:"lg",onClick:v,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(U,{"data-is-marry-baby":ue},t.createElement(R,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:N.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};
+import{a as e,_ as o}from"./tslib.es6-2cae0456.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-19616958.js";import{x as b,aC as E,J as h,aD as f,aE as v,aF as y,w,E as S}from"./utils-f61711a0.js";import{u as P,a as j,F as k,O as C,b as x}from"./index-23c96cda.js";import{u as B}from"./useTranslations-7c64ae29.js";import"lodash/debounce";import"./isProduction-dd42f212.js";import{L as z}from"./index-ee03bd1e.js";import{O as T}from"./Onboarding-8d78ce80.js";export{O as OnboardingStep}from"./Onboarding-8d78ce80.js";import"dayjs";import{M as F}from"./screenSizeContext-e3538e28.js";import"styled-components";import{t as N}from"./theme-9e139ee1.js";import"./gAssets.js";import{S as I,a as L,b as q,c as A,d as D,e as V,f as _,g as U,h as R,i as W}from"./index.styled-1887c4a1.js";import{yupResolver as H}from"@mantine/form";import"./index-d24c00af.js";import"./index-3f63d34b.js";import"@mantine/dates";import{D as Y}from"./index-92c2686f.js";import{A as $}from"./index-dc68f019.js";import{V as G}from"./Visible-4deda7fa.js";import{M as Z,h as J}from"./utils-5c8bc72f.js";export{M as MAPPED_LOCALE}from"./utils-5c8bc72f.js";import*as K from"yup";import Q from"lodash/throttle";import{T as X}from"./index-aca4d584.js";import{format as ee}from"date-fns";import"./translationsContext-4d6e5519.js";import"string-format";import"react-keyed-flatten-children";import"@mantine/carousel";import"./useUniqueId-f42d4577.js";import"./cookieHelper-df820d6d.js";import"slugify";import"date-fns/locale";const oe=({inputOrder:e=["phone"],withSimilac:o=!1,customTerms:n=""})=>{const{t:r}=B(),a=P(),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(E,Object.assign({defaultCountry:Z[process.env.UNIFY_LOCALE]||"VN"},a.getInputProps("phone"))),t.createElement(d.Error,{size:"md"},a.errors.phone)),s=t.createElement(h,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},a.getInputProps("name"))),l=t.createElement(h,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(f.Group,Object.assign({className:"radio-group",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},a.getInputProps("gender")),t.createElement(f,{value:"0",label:r("onboarding.formEmail.genderMale")}),t.createElement(f,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=t.createElement("div",{className:"otp-input"},t.createElement(v,Object.assign({enterKeyHint:void 0,nonce:void 0},a.getInputProps("otp"))),t.createElement(d.Error,null,a.errors.otp)),u=t.createElement(h.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(h.Wrapper,Object.assign({},a.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),t.createElement(y,{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)),w=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"))),S=t.createElement(h.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"))),j=e.map((e=>({phone:i,full_name:s,email:l,dob:m,gender:c,otp:p,password:u,confirm_password:S,term:g,address:w}[e]||null)));return t.createElement(I,null,j)},te=e=>K.object().shape({phone:K.string().required(e("onboarding.updatePhone.error")).default("")}),ne=e=>K.object().shape({phone:K.string().required(e("onboarding.updatePhone.error")).default(""),name:K.string().required(e("onboarding.errorMessage.requiredName")),email:K.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:K.mixed().required(e("onboarding.similac.address.error")),term:K.bool().oneOf([!0],e("onboarding.similac.term.error"))}),re=e=>K.object().shape({otp:K.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),ae=e=>K.object().shape({email:K.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:K.string().required(e("onboarding.errorMessage.requiredName"))}),ie=e=>K.object().shape({password:K.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:K.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([K.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),se=({onClose:o,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:i}=B(),s=j({initialValues:{phone:""},validate:H(te(i))});return t.createElement(L,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},t.createElement(k,{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}=B(),{isMobile:p}=w(),u=j({initialValues:Object.assign({phone:"",term:!1},d),validate:H(ne(c))});return t.createElement(L,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(k,{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(S,{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(S,{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:E,onBack:h,canSkip:f,outOfEdit:v})=>{const{siteType:y,isMarryBaby:w}=n(C),[S,P]=r(30),O=p((()=>P((e=>e-1))),1e3),[M,x]=u(0,{min:0,max:3}),z=a(!0),{t:T}=B();i((()=>(O.start(),O.stop)),[]),i((()=>{0===S&&(O.stop(),z.current=!1)}),[S]);const F=j({initialValues:{otp:""},validate:H(re(T))});i((()=>{c&&F.setFieldError("otp",c)}),[c]);const I=s((()=>Q((()=>{z.current||(x.increment(),P(30),null==m||m(l||d),O.start(),z.current=!0)}),1e3,{trailing:!1})),[l,d,m,O]);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:${N.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):T("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${N.colors.gray800}">${J(d)}</b>`})}}),!v&&t.createElement("svg",{onClick:()=>{null==h||h()},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(k,{form:F},t.createElement("form",{onSubmit:F.onSubmit((t=>e(void 0,void 0,void 0,(function*(){x.increment(),o(t.otp)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["otp"]}),t.createElement("div",{className:"resend"},t.createElement(X,{size:"p4",color:N.colors.gray400},T("onboarding.otpForm.notReceiveOTP")),t.createElement(X,{as:"a",size:"p4",color:w?N.mbColors.pink:N.colors.primaryBase,onClick:I},T("onboarding.otpForm.resendCode",{seconds:S}))),t.createElement(g,{theme:y,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:E,disabled:E,"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")),f&&M>=3&&t.createElement(g,{theme:y,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}=B(),{siteType:c,isMarryBaby:p}=n(C),u=j({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(x,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":z[m].SITE_NAME_FORMATTED})},t.createElement(k,{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}=B(),s=j({initialValues:{password:"",confirmPassword:""},validate:H(ie(i))});return t.createElement(x,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},t.createElement(k,{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:E,flow:h=[T.Phone,T.OTP],initialData:f,onClose:v,onCreatePassByEmail:y,onOtpSubmit:S,onPersonalInfoSubmit:P,onPhoneSubmit:j,onResendCode:k,otpError:O,otpLoading:M,personalInfoError:z,resultScreenProps:I,siteType:L,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}=B(),[Z,J]=r(q||h[0]),[K,Q]=r(""),[X,ee]=r(""),[oe,te]=u(0,{min:0,max:2}),{isMobile:ne}=w(),re=l((()=>{const e=h.indexOf(Z)+1;e<=h.length-1&&J(h[e])}),[Z]),ae=l((()=>{const e=h.indexOf(Z)-1;e>=0&&J(h[e])}),[Z]),ie=o=>e(void 0,void 0,void 0,(function*(){try{!(yield S(o))&&re()}catch(e){console.error(e)}})),se=()=>{oe>=2||(te.increment(),ae())},ue="marryBaby"===L;return t.createElement(C.Provider,{value:{siteType:L,isMarryBaby:ue}},t.createElement(A,Object.assign({},$),h.length>0?t.createElement(D,null,t.createElement(m,{sx:{[F.mbDown]:{margin:0},".mantine-Grid-col":{[F.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(V,{"data-similac":H,"data-has-banner":"object"==typeof a},Z===T.Phone&&(H?t.createElement(le,{onClose:v,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==j?void 0:j(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:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{Q(o),yield null==j?void 0:j(o),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding})),Z===T.OTP&&t.createElement(me,{onClose:v,onSubmit:ie,phone:K,onResendCode:k,otpError:O,loading:M,canSkip:i,onBack:se,outOfEdit:oe>=2}),Z===T.OTPEmail&&t.createElement(me,{onClose:v,onSubmit:ie,onResendCode:k,otpError:O,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:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{ee((null==o?void 0:o.email)||"");!(yield null==P?void 0:P(o))&&re()}catch(e){console.error(e)}})),errorMessage:z,loading:E}),Z===T.UpdatePassword&&t.createElement(pe,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{yield null==y?void 0:y(o),!s&&re()}catch(e){console.error(e)}})),errorMessage:s,loading:d}),Z===T.Result&&t.createElement(x,Object.assign({},I),t.createElement(g,{theme:L,size:"lg",onClick:v,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(U,{"data-is-marry-baby":ue},t.createElement(R,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:N.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/onboardingV2.js

@@ -1,4 +1,4 @@
-import e,{createContext as t,forwardRef as n,useContext as r,useImperativeHandle as o,useState as a,useRef as i,useEffect as l,useMemo as s,Fragment as m}from"react";import{_ as d,a as c}from"./tslib.es6-c8835980.js";import{Box as p,Input as u,Grid as g,Title as b,Container as h,Stack as E,AspectRatio as f}from"@mantine/core";import{x as L,aC as v,J as C,aD as y,aE as x,aF as w,H as S,w as M,L as P,E as j}from"./utils-df78bdca.js";import{D as k}from"./index-066e1f8c.js";import"dayjs";import{M as O,k as F}from"./screenSizeContext-987c451f.js";import B from"styled-components";import{t as z}from"./theme-31acd0c2.js";import{L as N}from"./index-ef52a951.js";import"./isProduction-8ce1051d.js";import{L as I}from"./Onboarding-ad49870c.js";import"./gAssets.js";import{u as T}from"./useTranslations-7597d802.js";import"./index-7c0c9a23.js";import{useInterval as D,useCounter as Z}from"@mantine/hooks";import{A}from"./index-13b5fcc4.js";import"lodash/debounce";import{V as _}from"./Visible-ac315efb.js";import{createFormContext as V,yupResolver as H}from"@mantine/form";import"./index-b7da5adf.js";import"@mantine/dates";import*as q from"yup";import{createPortal as $}from"react-dom";import{B as U}from"./index-75e66b82.js";import{b as Y}from"./index-d92f4c41.js";import R from"lodash/throttle";import{T as W}from"./index-164612c2.js";import{format as G}from"date-fns";import"./translationsContext-e9aaabb6.js";import"string-format";import K from"react-keyed-flatten-children";import"@mantine/carousel";import"./useUniqueId-6daecd5a.js";import"./cookieHelper-f8486f9d.js";import"slugify";import"date-fns/locale";import"./utils-8db4813e.js";const J=t({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[Q,X,ee]=V(),te=B(p)`
+import e,{createContext as t,forwardRef as n,useContext as r,useImperativeHandle as o,useState as a,useRef as i,useEffect as l,useMemo as s,Fragment as m}from"react";import{_ as d,a as c}from"./tslib.es6-2cae0456.js";import{Box as p,Input as u,Grid as g,Title as b,Container as h,Stack as E,AspectRatio as f}from"@mantine/core";import{x as L,aC as v,J as C,aD as y,aE as x,aF as w,H as S,w as M,L as P,E as j}from"./utils-f61711a0.js";import{D as k}from"./index-92c2686f.js";import"dayjs";import{M as O,k as F}from"./screenSizeContext-e3538e28.js";import B from"styled-components";import{t as z}from"./theme-9e139ee1.js";import{L as N}from"./index-ee03bd1e.js";import"./isProduction-dd42f212.js";import{L as I}from"./Onboarding-8d78ce80.js";import"./gAssets.js";import{u as T}from"./useTranslations-7c64ae29.js";import"./index-d24c00af.js";import{useInterval as D,useCounter as Z}from"@mantine/hooks";import{A}from"./index-dc68f019.js";import"lodash/debounce";import{V as _}from"./Visible-4deda7fa.js";import{createFormContext as V,yupResolver as H}from"@mantine/form";import"./index-3f63d34b.js";import"@mantine/dates";import*as q from"yup";import{createPortal as $}from"react-dom";import{B as U}from"./index-19616958.js";import{b as Y}from"./index-23c96cda.js";import R from"lodash/throttle";import{T as W}from"./index-aca4d584.js";import{format as G}from"date-fns";import"./translationsContext-4d6e5519.js";import"string-format";import K from"react-keyed-flatten-children";import"@mantine/carousel";import"./useUniqueId-f42d4577.js";import"./cookieHelper-df820d6d.js";import"slugify";import"date-fns/locale";import"./utils-5c8bc72f.js";const J=t({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[Q,X,ee]=V(),te=B(p)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;

package/build/esm/pwg.js

@@ -1,4 +1,4 @@
-import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as o}from"./index-258ac3a9.js";import{T as n}from"./index-164612c2.js";import{P as i}from"./index-aa0f1be7.js";import{u as c}from"./useTranslations-7597d802.js";import{t as s}from"./theme-31acd0c2.js";import{ResponsiveContainer as m,AreaChart as d,CartesianGrid as p,Tooltip as g,XAxis as y,YAxis as u,Area as b,ReferenceDot as h}from"recharts";import{C as x}from"./index-7c0c9a23.js";import{a as f}from"./useOutsideClick-c00670e4.js";import E from"styled-components";import{_ as k}from"./tslib.es6-c8835980.js";import"./Onboarding-ad49870c.js";import"./index.styled-d630ba54.js";import"./gAssets.js";import"./index-ef52a951.js";import"date-fns/locale";import"./isProduction-8ce1051d.js";import"./translationsContext-e9aaabb6.js";import"string-format";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";const w=t=>{const{x:r,y:a,payload:l,activeWeek:o}=t;return o===l.value?e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("circle",{r:12,fill:"marryBaby"===t.siteType?s.mbColors.pink:s.colors.primaryBase}),e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:s.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},l.value)):e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:s.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},l.value))},v=E.div`
+import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as o}from"./index-01ab910a.js";import{T as n}from"./index-aca4d584.js";import{P as i}from"./index-c62d01fb.js";import{u as c}from"./useTranslations-7c64ae29.js";import{t as s}from"./theme-9e139ee1.js";import{ResponsiveContainer as m,AreaChart as d,CartesianGrid as p,Tooltip as g,XAxis as y,YAxis as u,Area as b,ReferenceDot as h}from"recharts";import{C as x}from"./index-d24c00af.js";import{a as f}from"./useOutsideClick-db382ec6.js";import E from"styled-components";import{_ as k}from"./tslib.es6-2cae0456.js";import"./Onboarding-8d78ce80.js";import"./index.styled-278d87b9.js";import"./gAssets.js";import"./index-ee03bd1e.js";import"date-fns/locale";import"./isProduction-dd42f212.js";import"./translationsContext-4d6e5519.js";import"string-format";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";const w=t=>{const{x:r,y:a,payload:l,activeWeek:o}=t;return o===l.value?e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("circle",{r:12,fill:"marryBaby"===t.siteType?s.mbColors.pink:s.colors.primaryBase}),e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:s.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},l.value)):e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:s.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},l.value))},v=E.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;

package/build/esm/{routing-8b859474.js → routing-158b3332.js}

@@ -1 +1 @@
-import{d as e}from"./index-ef52a951.js";import{i as s}from"./isProduction-8ce1051d.js";const t=(t,o)=>{if("undefined"!=typeof window)return window.location.origin;const r="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return r?"http://localhost:3000":`https://${!r&&!s?o?"fe.":"discover.":o?"www.":""}${e[o?"vi-VN_MB":t]}`},o=(t,o)=>process.env.UNIFY_SSO_API||`https://${s?"id.":"staging-id."}${e[o?"vi-VN_MB":t]}`,r=()=>process.env.UNIFY_INTERNAL_TOGETHER_API||process.env.UNIFY_TOGETHER_API||`https://${s?"together.":"staging-together."}hellohealthgroup.com`,n=t=>process.env.UNIFY_DISCOVER_API||`https://${s?"wp.":"staging."}${e[t]}`,i=()=>process.env.UNIFY_INTERNAL_CARE_API||process.env.UNIFY_CARE_API||`https://${s?"health-care.":"service-health-care."}hellohealthgroup.com`;export{o as a,r as b,n as c,i as d,t as g};
+import{d as e}from"./index-ee03bd1e.js";import{i as s}from"./isProduction-dd42f212.js";const t=(t,o)=>{if("undefined"!=typeof window)return window.location.origin;const r="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return r?"http://localhost:3000":`https://${!r&&!s?o?"fe.":"discover.":o?"www.":""}${e[o?"vi-VN_MB":t]}`},o=(t,o)=>process.env.UNIFY_SSO_API||`https://${s?"id.":"staging-id."}${e[o?"vi-VN_MB":t]}`,r=()=>process.env.UNIFY_INTERNAL_TOGETHER_API||process.env.UNIFY_TOGETHER_API||`https://${s?"together.":"staging-together."}hellohealthgroup.com`,n=t=>process.env.UNIFY_DISCOVER_API||`https://${s?"wp.":"staging."}${e[t]}`,i=()=>process.env.UNIFY_INTERNAL_CARE_API||process.env.UNIFY_CARE_API||`https://${s?"health-care.":"service-health-care."}hellohealthgroup.com`;export{o as a,r as b,n as c,i as d,t as g};

package/build/esm/together.js

@@ -1 +1 @@
-export{g as CardAuthor,C as CardLink,D as CardPost,E as CardPostPopoverMore,b as CardReactions,F as CardReply,G as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,H as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,z as ProfileDetail,y as ProfileDetailModal,q as ShareBox,S as SharePopup,B as SkipQuestionOfExpertBtn,x as SocialLinkPreview,J as SourceList,p as SubmitReportForm,A as TabNameInProfileDetail,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,V as VerifiedTag,u as useTogetherAuthRequiredAction}from"./types-b03d781d.js";export{U as UserAvatar}from"./index.styled-6b23e614.js";export{d as TogetherDataTransforms}from"./dataTransform-474b6557.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,d as TogetherComponentGlobalContext,e as TogetherComponentGlobalContextProvider,c as TogetherConstants}from"./utils-df78bdca.js";import"./tslib.es6-c8835980.js";import"react";import"@mantine/core";import"./index-30364853.js";import"styled-components";import"./screenSizeContext-987c451f.js";import"lodash/throttle";import"./index-940a2837.js";import"./gAssets.js";import"./index-ef52a951.js";import"date-fns/locale";import"./Onboarding-ad49870c.js";import"./isProduction-8ce1051d.js";import"./index-7c0c9a23.js";import"@mantine/carousel";import"@mantine/hooks";import"./index-164612c2.js";import"./index-75e66b82.js";import"./index-52cbdc13.js";import"./index-b7da5adf.js";import"./theme-31acd0c2.js";import"dayjs";import"./useUniqueId-6daecd5a.js";import"@mantine/dates";import"./translationsContext-e9aaabb6.js";import"string-format";import"@hookform/resolvers/yup";import"react-hook-form";import"./index-33a767db.js";import"./useTranslations-7597d802.js";import"./index-258ac3a9.js";import"date-fns";import"./index-c7061390.js";import"lodash/debounce";import"./types-6686141b.js";import"react-day-picker/DayPickerInput";import"innertext";import"./index-b42eddeb.js";import"./paths-d4225106.js";import"./constants-254a4df3.js";import"react-contenteditable";import"./cookieHelper-f8486f9d.js";import"react-dom";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-d630ba54.js";import"uuid";import"./utils-8db4813e.js";import"dayjs/plugin/relativeTime";import"./index-699a67a1.js";import"./routing-8b859474.js";import"react-keyed-flatten-children";import"slugify";
+export{g as CardAuthor,C as CardLink,D as CardPost,E as CardPostPopoverMore,b as CardReactions,F as CardReply,G as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,H as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,z as ProfileDetail,y as ProfileDetailModal,q as ShareBox,S as SharePopup,B as SkipQuestionOfExpertBtn,x as SocialLinkPreview,J as SourceList,p as SubmitReportForm,A as TabNameInProfileDetail,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,V as VerifiedTag,u as useTogetherAuthRequiredAction}from"./types-a19266d1.js";export{U as UserAvatar}from"./index.styled-fa80a8b4.js";export{d as TogetherDataTransforms}from"./dataTransform-b390c460.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,d as TogetherComponentGlobalContext,e as TogetherComponentGlobalContextProvider,c as TogetherConstants}from"./utils-f61711a0.js";import"./tslib.es6-2cae0456.js";import"react";import"@mantine/core";import"./index-7230353c.js";import"styled-components";import"./screenSizeContext-e3538e28.js";import"lodash/throttle";import"./index-0645b438.js";import"./gAssets.js";import"./index-ee03bd1e.js";import"date-fns/locale";import"./Onboarding-8d78ce80.js";import"./isProduction-dd42f212.js";import"./index-d24c00af.js";import"@mantine/carousel";import"@mantine/hooks";import"./index-aca4d584.js";import"./index-19616958.js";import"./index-a62315fd.js";import"./index-3f63d34b.js";import"./theme-9e139ee1.js";import"dayjs";import"./useUniqueId-f42d4577.js";import"@mantine/dates";import"./translationsContext-4d6e5519.js";import"string-format";import"@hookform/resolvers/yup";import"react-hook-form";import"./index-5f38dff4.js";import"./useTranslations-7c64ae29.js";import"./index-01ab910a.js";import"date-fns";import"./index-b452faa0.js";import"lodash/debounce";import"./types-509b5c8f.js";import"react-day-picker/DayPickerInput";import"innertext";import"./index-0bb9ace1.js";import"./paths-880f5744.js";import"./constants-940d6a04.js";import"react-contenteditable";import"./cookieHelper-df820d6d.js";import"react-dom";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-278d87b9.js";import"uuid";import"./utils-5c8bc72f.js";import"dayjs/plugin/relativeTime";import"./index-dd69cd16.js";import"./routing-158b3332.js";import"react-keyed-flatten-children";import"slugify";