@hhgtech/hhg-components 1.27.113 → 1.27.115

package/build/misc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-7424a97a.js"),r=require("./screenSizeContext-4d5786c6.js"),t=require("./cookieHelper-47e34efa.js");require("react"),require("styled-components");var o=require("./theme-1a7c14fb.js"),i=require("./number-b3767f34.js"),s=require("./normalizeLink-28258895.js"),a=require("./getDynamicHealthTool-571597e0.js"),l=require("./getSocialList-2d43911c.js"),p=require("./dataTransform-fe677610.js");require("dayjs"),require("lodash/throttle"),require("./index-a89b23de.js"),require("date-fns/locale"),require("./Onboarding-2b01db17.js"),require("./isProduction-e1b7813f.js"),require("./tslib.es6-0d31715f.js"),require("./core-5c4c9018.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.Breakpoints=r.Breakpoints,exports.MediaQueries=r.MediaQueries,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.formatUrlWithPageParam=r.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=r.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=r.getPopupWrapperDom,exports.getWindowSizeGroups=r.getWindowSizeGroups,exports.getWrapperDomWithSelector=r.getWrapperDomWithSelector,exports.makeParams=r.makeParams,exports.safeEncodeURI=r.safeEncodeURI,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.startCase=r.startCase,exports.toggleNoScroll=r.toggleNoScroll,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,exports.MBTheme=o.MBTheme,exports.theme=o.theme,exports.abbreviateNumber=i.abbreviateNumber,exports.getCareApiDomain=s.getCareApiDomain,exports.getCurrentBaseUrl=s.getCurrentBaseUrl,exports.getCurrentSsoUrl=s.getCurrentSsoUrl,exports.getDiscoverApiDomain=s.getDiscoverApiDomain,exports.getTogetherApiDomain=s.getTogetherApiDomain,exports.formatHealthTool=a.formatHealthTool,exports.getDynamicHealthTool=a.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=a.getDynamicHealthToolWithCache,exports.getSocialList=l.getSocialList,exports.formatPill=p.formatPill;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-66256a35.js"),r=require("./screenSizeContext-5fb2e1e3.js"),t=require("./cookieHelper-56a7d794.js");require("react"),require("styled-components");var o=require("./theme-430914fa.js"),i=require("./number-5d2dc1a0.js"),s=require("./normalizeLink-886f7c9d.js"),a=require("./getDynamicHealthTool-5c61456a.js"),l=require("./getSocialList-5de74aca.js"),p=require("./dataTransform-1578190f.js");require("dayjs"),require("lodash/throttle"),require("./index-06a0ee4f.js"),require("date-fns/locale"),require("./Onboarding-2f763873.js"),require("./isProduction-0720723e.js"),require("./tslib.es6-ada91747.js"),require("./core-5f367bd4.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.Breakpoints=r.Breakpoints,exports.MediaQueries=r.MediaQueries,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.formatUrlWithPageParam=r.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=r.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=r.getPopupWrapperDom,exports.getWindowSizeGroups=r.getWindowSizeGroups,exports.getWrapperDomWithSelector=r.getWrapperDomWithSelector,exports.makeParams=r.makeParams,exports.safeEncodeURI=r.safeEncodeURI,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.startCase=r.startCase,exports.toggleNoScroll=r.toggleNoScroll,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,exports.MBTheme=o.MBTheme,exports.theme=o.theme,exports.abbreviateNumber=i.abbreviateNumber,exports.getCareApiDomain=s.getCareApiDomain,exports.getCurrentBaseUrl=s.getCurrentBaseUrl,exports.getCurrentSsoUrl=s.getCurrentSsoUrl,exports.getDiscoverApiDomain=s.getDiscoverApiDomain,exports.getTogetherApiDomain=s.getTogetherApiDomain,exports.formatHealthTool=a.formatHealthTool,exports.getDynamicHealthTool=a.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=a.getDynamicHealthToolWithCache,exports.getSocialList=l.getSocialList,exports.formatPill=p.formatPill;

package/build/navigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-0d31715f.js"),require("react"),require("./core-5c4c9018.js");var e=require("./index-22a4d8ec.js");require("./index-a89b23de.js"),require("./normalizeLink-28258895.js"),require("./index.styled-0d4d68f3.js"),require("./isProduction-e1b7813f.js"),require("./index.styles-9285e23d.js"),require("@mantine/core"),require("styled-components"),require("./index-dad94e78.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./theme-1a7c14fb.js"),require("./screenSizeContext-4d5786c6.js"),require("lodash/throttle"),require("./gAssets.js"),require("date-fns/locale"),require("./Onboarding-2b01db17.js"),require("./index-5b7dfda4.js"),require("dayjs"),require("./useUniqueId-86a9e1d4.js"),require("./index-e022af07.js"),require("./translationsContext-f962ff63.js"),require("string-format"),require("react-keyed-flatten-children"),require("@mantine/dates"),require("lodash/debounce"),require("./useCategory-971481b4.js"),require("./useTranslations-2e7d64aa.js"),require("./cookieHelper-47e34efa.js"),require("slugify"),require("./index-8383af12.js"),require("./index-b99409f1.js"),require("./constants-fd82a887.js"),require("./index-58609826.js"),require("./useIsInit-790b9962.js"),require("dayjs/plugin/relativeTime"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-ada91747.js"),require("react"),require("./core-5f367bd4.js");var e=require("./index-80d1c6d3.js");require("./index-06a0ee4f.js"),require("./normalizeLink-886f7c9d.js"),require("./index.styled-f21b31a6.js"),require("./isProduction-0720723e.js"),require("./index.styles-b9febcc9.js"),require("@mantine/core"),require("styled-components"),require("./index-f9ef69b8.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./theme-430914fa.js"),require("./screenSizeContext-5fb2e1e3.js"),require("lodash/throttle"),require("./gAssets.js"),require("date-fns/locale"),require("./Onboarding-2f763873.js"),require("./index-63626740.js"),require("dayjs"),require("./useUniqueId-e09145f0.js"),require("./index-5c8e9580.js"),require("./translationsContext-91bf4ce0.js"),require("string-format"),require("react-keyed-flatten-children"),require("@mantine/dates"),require("lodash/debounce"),require("./useCategory-ff3032d0.js"),require("./useTranslations-1901ec76.js"),require("./cookieHelper-56a7d794.js"),require("slugify"),require("./index-2fba8b09.js"),require("./index-9b288574.js"),require("./constants-dee18538.js"),require("./index-fb707465.js"),require("./useIsInit-8236e789.js"),require("dayjs/plugin/relativeTime"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;

package/build/{normalizeLink-28258895.js → normalizeLink-886f7c9d.js}

@@ -1 +1 @@
-"use strict";var e=require("./index-a89b23de.js"),o=require("./isProduction-e1b7813f.js");const t=e=>e.replace(/([^:]\/)\/+/g,"$1");exports.getCareApiDomain=()=>process.env.UNIFY_INTERNAL_CARE_API||process.env.UNIFY_CARE_API||`https://${o.isProduction?"health-care.":"service-health-care."}hellohealthgroup.com`,exports.getCurrentBaseUrl=(t,r)=>{if("undefined"!=typeof window)return window.location.origin;const s="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,i=!s&&!o.isProduction;return s?"http://localhost:3000":`https://${i?r?"fe.":"discover.":r?"www.":""}${e.domainLocales[r?"vi-VN_MB":t]}`},exports.getCurrentSsoUrl=(t,r)=>process.env.UNIFY_SSO_API||`https://${o.isProduction?"id.":"staging-id."}${e.domainLocales[r?"vi-VN_MB":t]}`,exports.getDiscoverApiDomain=t=>process.env.UNIFY_DISCOVER_API||`https://${o.isProduction?"wp.":"staging."}${e.domainLocales[t]}`,exports.getTogetherApiDomain=()=>process.env.UNIFY_INTERNAL_TOGETHER_API||process.env.UNIFY_TOGETHER_API||`https://${o.isProduction?"together.":"staging-together."}hellohealthgroup.com`,exports.normalizeLink=e=>t((e=>e.replace(/\/?$/,"/"))(e)),exports.normalizeLinkSlash=t;
+"use strict";var e=require("./index-06a0ee4f.js"),o=require("./isProduction-0720723e.js");const t=e=>e.replace(/([^:]\/)\/+/g,"$1");exports.getCareApiDomain=()=>process.env.UNIFY_INTERNAL_CARE_API||process.env.UNIFY_CARE_API||`https://${o.isProduction?"health-care.":"service-health-care."}hellohealthgroup.com`,exports.getCurrentBaseUrl=(t,r)=>{if("undefined"!=typeof window)return window.location.origin;const s="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,i=!s&&!o.isProduction;return s?"http://localhost:3000":`https://${i?r?"fe.":"discover.":r?"www.":""}${e.domainLocales[r?"vi-VN_MB":t]}`},exports.getCurrentSsoUrl=(t,r)=>process.env.UNIFY_SSO_API||`https://${o.isProduction?"id.":"staging-id."}${e.domainLocales[r?"vi-VN_MB":t]}`,exports.getDiscoverApiDomain=t=>process.env.UNIFY_DISCOVER_API||`https://${o.isProduction?"wp.":"staging."}${e.domainLocales[t]}`,exports.getTogetherApiDomain=()=>process.env.UNIFY_INTERNAL_TOGETHER_API||process.env.UNIFY_TOGETHER_API||`https://${o.isProduction?"together.":"staging-together."}hellohealthgroup.com`,exports.normalizeLink=e=>t((e=>e.replace(/\/?$/,"/"))(e)),exports.normalizeLinkSlash=t;

package/build/onboarding.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-0d31715f.js"),t=require("react"),n=require("@mantine/core"),r=require("@mantine/hooks"),o=require("./index-b99409f1.js"),a=require("./index.styles-9285e23d.js"),i=require("./index-2584fe83.js"),l=require("./useTranslations-2e7d64aa.js");require("lodash/debounce"),require("./isProduction-e1b7813f.js");var s=require("./index-a89b23de.js");require("./useCategory-971481b4.js");var d=require("./Onboarding-2b01db17.js");require("dayjs");var u=require("./screenSizeContext-4d5786c6.js");require("styled-components");var c=require("./theme-1a7c14fb.js");require("./gAssets.js");var m=require("./index.styled-90c35fc5.js"),p=require("@mantine/form");require("./index-dad94e78.js"),require("./index-5b7dfda4.js"),require("@mantine/dates");var g=require("./index-2db33f49.js"),b=require("./index-4efa8e7e.js"),f=require("./Visible-7e3703b1.js"),E=require("./utils-2fb6eb7d.js"),h=require("yup"),v=require("lodash/throttle"),y=require("./index-e022af07.js"),S=require("date-fns");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function O(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("./translationsContext-f962ff63.js"),require("string-format"),require("react-keyed-flatten-children"),require("@mantine/carousel"),require("./useUniqueId-86a9e1d4.js"),require("./cookieHelper-47e34efa.js"),require("slugify"),require("date-fns/locale");var P=w(t),C=O(h),j=w(v);const x=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:r=""})=>{const{t:o}=l.useTranslations(),s=i.useFormContext(),d=P.default.createElement(n.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.phone"))}:{}),P.default.createElement(a.Phone,Object.assign({defaultCountry:E.MAPPED_LOCALE[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),P.default.createElement(n.Input.Error,{size:"md"},s.errors.phone)),u=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourName")),withAsterisk:!0},s.getInputProps("name"))),c=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourEmail")),withAsterisk:!0},s.getInputProps("email"))),p=P.default.createElement(g.DatePicker,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},s.getInputProps("dob"))),h=P.default.createElement(a.Radio.Group,Object.assign({className:"radio-group",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("bmi.selectGender"))},s.getInputProps("gender")),P.default.createElement(a.Radio,{value:"0",label:o("onboarding.formEmail.genderMale")}),P.default.createElement(a.Radio,{value:"1",label:o("onboarding.formEmail.genderFemale")})),v=P.default.createElement("div",{className:"otp-input"},P.default.createElement(a.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},s.getInputProps("otp"))),P.default.createElement(n.Input.Error,null,s.errors.otp)),y=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:P.default.createElement(f.Visible,null)},s.getInputProps("password"))),S=P.default.createElement(a.Input.Wrapper,Object.assign({},s.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),P.default.createElement(a.Checkbox,{label:r?P.default.createElement(a.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},r):P.default.createElement(a.Text,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",P.default.createElement("a",null,P.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",P.default.createElement("a",null,P.default.createElement(a.Text,{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=>{s.setFieldValue("term",e.currentTarget.checked)}}),P.default.createElement(n.Input.Error,{size:"md"},s.getInputProps("term",{type:"checkbox"}).error)),w=P.default.createElement(b.AddressInput,Object.assign({className:"input-control",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.address"))},s.getInputProps("address"))),O=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:P.default.createElement(f.Visible,null)},s.getInputProps("confirmPassword"))),C=e.map((e=>({phone:d,full_name:u,email:c,dob:p,gender:h,otp:v,password:y,confirm_password:O,term:S,address:w}[e]||null)));return P.default.createElement(m.StyledDynamicForm,null,C)},k=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default("")}),q=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName")),email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:C.mixed().required(e("onboarding.similac.address.error")),term:C.bool().oneOf([!0],e("onboarding.similac.term.error"))}),T=e=>C.object().shape({otp:C.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),B=e=>C.object().shape({email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName"))}),M=e=>C.object().shape({password:C.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:C.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([C.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),F=({onClose:t,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:s}=l.useTranslations(),d=i.useForm({initialValues:{phone:""},validate:p.yupResolver(k(s))});return P.default.createElement(m.StyledOnboardingForm,{heading:(null==a?void 0:a.heading)||s("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||s("onboarding.updatePhone.description")},P.default.createElement(i.FormProvider,{form:d},P.default.createElement("form",{onSubmit:d.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){n(t.phone)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["phone"]}),P.default.createElement(o.Button,{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"},s("onboarding.button.continue")),r&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},s("onboarding.button.skip")))))},_=t=>{var{onClose:n,onSubmit:r,canSkip:o=!0,customFormTexts:s,customTerms:d,defaultValues:u}=t,c=e.__rest(t,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:g}=l.useTranslations(),{isMobile:b}=a.useScreenSize(),f=i.useForm({initialValues:Object.assign({phone:"",term:!1},u),validate:p.yupResolver(q(g))});return P.default.createElement(m.StyledOnboardingForm,Object.assign({heading:(null==s?void 0:s.heading)||g("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||g("onboarding.updatePhone.description"),hiddenLogo:b},c),P.default.createElement(i.FormProvider,{form:f},P.default.createElement("form",{onSubmit:f.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){r(t)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:d}),P.default.createElement(a.Button,{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"},g("onboarding.button.continue")),o&&P.default.createElement(a.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:n,type:"button"},g("onboarding.button.skip")))))},I=t=>{var{withSimilac:n=!1}=t,r=e.__rest(t,["withSimilac"]);return n?P.default.createElement(_,Object.assign({},r)):P.default.createElement(F,Object.assign({},r))},z=({onSubmit:n,phone:a,email:s,onResendCode:d,otpError:u,onClose:g,loading:b,onBack:f,canSkip:h,outOfEdit:v})=>{const{siteType:S,isMarryBaby:w}=t.useContext(i.OnboardingContext),[O,C]=t.useState(30),k=r.useInterval((()=>C((e=>e-1))),1e3),[q,B]=r.useCounter(0,{min:0,max:3}),M=t.useRef(!0),{t:F}=l.useTranslations();t.useEffect((()=>(k.start(),k.stop)),[]),t.useEffect((()=>{0===O&&(k.stop(),M.current=!1)}),[O]);const _=i.useForm({initialValues:{otp:""},validate:p.yupResolver(T(F))});t.useEffect((()=>{u&&_.setFieldError("otp",u)}),[u]);const I=t.useMemo((()=>j.default((()=>{M.current||(B.increment(),C(30),null==d||d(a||s),k.start(),M.current=!0)}),1e3,{trailing:!1})),[a,s,d,k]);return P.default.createElement(m.StyledOtpForm,{heading:F("onboarding.otpForm.heading"),description:P.default.createElement(P.default.Fragment,null,P.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?F("onboarding.otpForm.description",{phone:`<b style="color:${c.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):F("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${c.theme.colors.gray800}">${E.hiddenEmailChar(s)}</b>`})}}),!v&&P.default.createElement("svg",{onClick:()=>{null==f||f()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},P.default.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"})))},P.default.createElement(i.FormProvider,{form:_},P.default.createElement("form",{onSubmit:_.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){B.increment(),n(t.otp)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["otp"]}),P.default.createElement("div",{className:"resend"},P.default.createElement(y.Text,{size:"p4",color:c.theme.colors.gray400},F("onboarding.otpForm.notReceiveOTP")),P.default.createElement(y.Text,{as:"a",size:"p4",color:w?c.theme.mbColors.pink:c.theme.colors.primaryBase,onClick:I},F("onboarding.otpForm.resendCode",{seconds:O}))),P.default.createElement(o.Button,{theme:S,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:b,disabled: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"},F("onboarding.button.continue")),h&&q>=3&&P.default.createElement(o.Button,{theme:S,color:"ghost",isBlock:!0,size:"lg",onClick:g,"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"},F("onboarding.button.skip")))))},L=({onClose:e,onSubmit:n,canSkip:r,loading:a,errorMessage:d,initialData:u})=>{const{t:c,locale:m}=l.useTranslations(),{siteType:g,isMarryBaby:b}=t.useContext(i.OnboardingContext),f=i.useForm({validate:p.yupResolver(B(c))});return t.useEffect((()=>{f.setValues(Object.assign(Object.assign({gender:"0"},u),(null==u?void 0:u.birthday)&&{birthday:new Date(u.birthday)}))}),[u]),t.useEffect((()=>{d&&f.setFieldError("email",d)}),[d]),P.default.createElement(i.Onboarding,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:b?"Marry Baby":s.LOCALE_SPECS[m].SITE_NAME_FORMATTED})},P.default.createElement(i.FormProvider,{form:f},P.default.createElement("form",{className:"form",onSubmit:f.onSubmit((e=>{n(Object.assign(Object.assign({},e),{birthday:e.birthday&&S.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(x,{inputOrder:["full_name","email","dob","gender"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:g,isLoading:a,disabled:a},c("onboarding.button.continue")),r&&P.default.createElement(o.Button,{theme:g,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},N=({onClose:e,onSubmit:t,canSkip:r,errorMessage:a,loading:s})=>{const{t:d}=l.useTranslations(),u=i.useForm({initialValues:{password:"",confirmPassword:""},validate:p.yupResolver(M(d))});return P.default.createElement(i.Onboarding,{heading:d("onboarding.updatePassword.heading"),description:d("onboarding.updatePassword.description")},P.default.createElement(i.FormProvider,{form:u},P.default.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(x,{inputOrder:["password","confirm_password"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},d("onboarding.button.continue")),r&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")),a&&P.default.createElement(n.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.MAPPED_LOCALE=E.MAPPED_LOCALE,exports.OnboardingForm=I,exports.OnboardingModal=s=>{var{banner:p,canSkip:g,createPassError:b,createPassLoading:f,customFormTexts:E,emailLoading:h,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:y,onClose:S,onCreatePassByEmail:w,onOtpSubmit:O,onPersonalInfoSubmit:C,onPhoneSubmit:j,onResendCode:x,otpError:k,otpLoading:q,personalInfoError:T,resultScreenProps:B,siteType:M,step:F,withSimilac:A=!1,similacFormProps:D}=s,R=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:V}=l.useTranslations(),[U,G]=t.useState(F||v[0]),[W,H]=t.useState(""),[Y,$]=t.useState(""),[Z,Q]=r.useCounter(0,{min:0,max:2}),{isMobile:K}=a.useScreenSize(),J=t.useCallback((()=>{const e=v.indexOf(U)+1;e<=v.length-1&&G(v[e])}),[U]),X=t.useCallback((()=>{const e=v.indexOf(U)-1;e>=0&&G(v[e])}),[U]),ee=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield O(t))&&J()}catch(e){console.error(e)}})),te=()=>{Z>=2||(Q.increment(),X())},ne="marryBaby"===M;return P.default.createElement(i.OnboardingContext.Provider,{value:{siteType:M,isMarryBaby:ne}},P.default.createElement(m.StyledOnboardingModal,Object.assign({},R),v.length>0?P.default.createElement(m.StyledContainer,null,P.default.createElement(n.Grid,{sx:{[u.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[u.MediaQueries.mbDown]:{padding:0}}}},P.default.createElement(n.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2,sx:{zIndex:A?99:void 0}},P.default.createElement(m.StyledContent,{"data-similac":A,"data-has-banner":"object"==typeof p},U===d.OnboardingStep.Phone&&(A?P.default.createElement(_,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const n=null==t?void 0:t.phone;n&&(H(n),yield Promise.all([null===(e=null==D?void 0:D.onFormSubmit)||void 0===e?void 0:e.call(D,t),null==j?void 0:j(n)])),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding,defaultValues:null==D?void 0:D.defaultValues,customTerms:null==D?void 0:D.customTerms}):P.default.createElement(I,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{H(t),yield null==j?void 0:j(t),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding})),U===d.OnboardingStep.OTP&&P.default.createElement(z,{onClose:S,onSubmit:ee,phone:W,onResendCode:x,otpError:k,loading:q,canSkip:g,onBack:te,outOfEdit:Z>=2}),U===d.OnboardingStep.OTPEmail&&P.default.createElement(z,{onClose:S,onSubmit:ee,onResendCode:x,otpError:k,loading:q,canSkip:g,onBack:te,outOfEdit:Z>=2,email:Y}),U===d.OnboardingStep.PersonalInfo&&P.default.createElement(L,{initialData:null==y?void 0:y[d.OnboardingStep.PersonalInfo],onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{$((null==t?void 0:t.email)||"");!(yield null==C?void 0:C(t))&&J()}catch(e){console.error(e)}})),errorMessage:T,loading:h}),U===d.OnboardingStep.UpdatePassword&&P.default.createElement(N,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==w?void 0:w(t),!b&&J()}catch(e){console.error(e)}})),errorMessage:b,loading:f}),U===d.OnboardingStep.Result&&P.default.createElement(i.Onboarding,Object.assign({},B),P.default.createElement(o.Button,{theme:M,size:"lg",onClick:S,className:"form-button"},V("onboarding.button.continue"))))),"object"==typeof p&&!A&&P.default.createElement(n.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2},P.default.createElement(m.StyledBannerCol,null,P.default.createElement(m.StyledBannerInner,{"data-is-marry-baby":ne},P.default.createElement(m.StyledIntro,null,(null==p?void 0:p.heading)&&P.default.createElement(n.Title,{order:1,mb:24},null==p?void 0:p.heading),(null==p?void 0:p.description)&&P.default.createElement(a.Text,{size:"p1",color:c.theme.colors.gray800},V("onboarding.welcomeScreen.content"))),(null==p?void 0:p.imgSrc)&&P.default.createElement("div",null,P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy"}))))),"object"==typeof p&&A&&(null==p?void 0:p.imgSrc)&&P.default.createElement(n.Grid.Col,{span:"auto",order:A?1:2,orderMd:A?2:1},P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))},exports.OtpForm=z;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-ada91747.js"),t=require("react"),n=require("@mantine/core"),r=require("@mantine/hooks"),o=require("./index-9b288574.js"),a=require("./index.styles-b9febcc9.js"),i=require("./index-09ed8172.js"),l=require("./useTranslations-1901ec76.js");require("lodash/debounce"),require("./isProduction-0720723e.js");var s=require("./index-06a0ee4f.js");require("./useCategory-ff3032d0.js");var d=require("./Onboarding-2f763873.js");require("dayjs");var u=require("./screenSizeContext-5fb2e1e3.js");require("styled-components");var c=require("./theme-430914fa.js");require("./gAssets.js");var m=require("./index.styled-f3571c38.js"),p=require("@mantine/form");require("./index-f9ef69b8.js"),require("./index-63626740.js"),require("@mantine/dates");var g=require("./index-76173979.js"),f=require("./index-8dfe86fe.js"),b=require("./Visible-671ae192.js"),E=require("./utils-6a2363f8.js"),h=require("yup"),v=require("lodash/throttle"),y=require("./index-5c8e9580.js"),S=require("date-fns");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function O(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("./translationsContext-91bf4ce0.js"),require("string-format"),require("react-keyed-flatten-children"),require("@mantine/carousel"),require("./useUniqueId-e09145f0.js"),require("./cookieHelper-56a7d794.js"),require("slugify"),require("date-fns/locale");var P=w(t),C=O(h),j=w(v);const x=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:r=""})=>{const{t:o}=l.useTranslations(),s=i.useFormContext(),d=P.default.createElement(n.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.phone"))}:{}),P.default.createElement(a.Phone,Object.assign({defaultCountry:E.MAPPED_LOCALE[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),P.default.createElement(n.Input.Error,{size:"md"},s.errors.phone)),u=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourName")),withAsterisk:!0},s.getInputProps("name"))),c=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourEmail")),withAsterisk:!0},s.getInputProps("email"))),p=P.default.createElement(g.DatePicker,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},s.getInputProps("dob"))),h=P.default.createElement(a.Radio.Group,Object.assign({className:"radio-group",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("bmi.selectGender"))},s.getInputProps("gender")),P.default.createElement(a.Radio,{value:"0",label:o("onboarding.formEmail.genderMale")}),P.default.createElement(a.Radio,{value:"1",label:o("onboarding.formEmail.genderFemale")})),v=P.default.createElement("div",{className:"otp-input"},P.default.createElement(a.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},s.getInputProps("otp"))),P.default.createElement(n.Input.Error,null,s.errors.otp)),y=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:P.default.createElement(b.Visible,null)},s.getInputProps("password"))),S=P.default.createElement(a.Input.Wrapper,Object.assign({},s.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),P.default.createElement(a.Checkbox,{label:r?P.default.createElement(a.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},r):P.default.createElement(a.Text,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",P.default.createElement("a",null,P.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",P.default.createElement("a",null,P.default.createElement(a.Text,{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=>{s.setFieldValue("term",e.currentTarget.checked)}}),P.default.createElement(n.Input.Error,{size:"md"},s.getInputProps("term",{type:"checkbox"}).error)),w=P.default.createElement(f.AddressInput,Object.assign({className:"input-control",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.address"))},s.getInputProps("address"))),O=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:P.default.createElement(b.Visible,null)},s.getInputProps("confirmPassword"))),C=e.map((e=>({phone:d,full_name:u,email:c,dob:p,gender:h,otp:v,password:y,confirm_password:O,term:S,address:w}[e]||null)));return P.default.createElement(m.StyledDynamicForm,null,C)},k=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default("")}),q=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName")),email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:C.mixed().required(e("onboarding.similac.address.error")),term:C.bool().oneOf([!0],e("onboarding.similac.term.error"))}),T=e=>C.object().shape({otp:C.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),B=e=>C.object().shape({email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName"))}),M=e=>C.object().shape({password:C.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:C.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([C.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),F=({onClose:t,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:s}=l.useTranslations(),d=i.useForm({initialValues:{phone:""},validate:p.yupResolver(k(s))});return P.default.createElement(m.StyledOnboardingForm,{heading:(null==a?void 0:a.heading)||s("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||s("onboarding.updatePhone.description")},P.default.createElement(i.FormProvider,{form:d},P.default.createElement("form",{onSubmit:d.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){n(t.phone)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["phone"]}),P.default.createElement(o.Button,{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"},s("onboarding.button.continue")),r&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},s("onboarding.button.skip")))))},_=t=>{var{onClose:n,onSubmit:r,canSkip:o=!0,customFormTexts:s,customTerms:d,defaultValues:u}=t,c=e.__rest(t,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:g}=l.useTranslations(),{isMobile:f}=a.useScreenSize(),b=i.useForm({initialValues:Object.assign({phone:"",term:!1},u),validate:p.yupResolver(q(g))});return P.default.createElement(m.StyledOnboardingForm,Object.assign({heading:(null==s?void 0:s.heading)||g("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||g("onboarding.updatePhone.description"),hiddenLogo:f},c),P.default.createElement(i.FormProvider,{form:b},P.default.createElement("form",{onSubmit:b.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){r(t)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:d}),P.default.createElement(a.Button,{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"},g("onboarding.button.continue")),o&&P.default.createElement(a.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:n,type:"button"},g("onboarding.button.skip")))))},I=t=>{var{withSimilac:n=!1}=t,r=e.__rest(t,["withSimilac"]);return n?P.default.createElement(_,Object.assign({},r)):P.default.createElement(F,Object.assign({},r))},z=({onSubmit:n,phone:a,email:s,onResendCode:d,otpError:u,onClose:g,loading:f,onBack:b,canSkip:h,outOfEdit:v})=>{const{siteType:S,isMarryBaby:w}=t.useContext(i.OnboardingContext),[O,C]=t.useState(30),k=r.useInterval((()=>C((e=>e-1))),1e3),[q,B]=r.useCounter(0,{min:0,max:3}),M=t.useRef(!0),{t:F}=l.useTranslations();t.useEffect((()=>(k.start(),k.stop)),[]),t.useEffect((()=>{0===O&&(k.stop(),M.current=!1)}),[O]);const _=i.useForm({initialValues:{otp:""},validate:p.yupResolver(T(F))});t.useEffect((()=>{u&&_.setFieldError("otp",u)}),[u]);const I=t.useMemo((()=>j.default((()=>{M.current||(B.increment(),C(30),null==d||d(a||s),k.start(),M.current=!0)}),1e3,{trailing:!1})),[a,s,d,k]);return P.default.createElement(m.StyledOtpForm,{heading:F("onboarding.otpForm.heading"),description:P.default.createElement(P.default.Fragment,null,P.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?F("onboarding.otpForm.description",{phone:`<b style="color:${c.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):F("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${c.theme.colors.gray800}">${E.hiddenEmailChar(s)}</b>`})}}),!v&&P.default.createElement("svg",{onClick:()=>{null==b||b()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},P.default.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"})))},P.default.createElement(i.FormProvider,{form:_},P.default.createElement("form",{onSubmit:_.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){B.increment(),n(t.otp)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["otp"]}),P.default.createElement("div",{className:"resend"},P.default.createElement(y.Text,{size:"p4",color:c.theme.colors.gray400},F("onboarding.otpForm.notReceiveOTP")),P.default.createElement(y.Text,{as:"a",size:"p4",color:w?c.theme.mbColors.pink:c.theme.colors.primaryBase,onClick:I},F("onboarding.otpForm.resendCode",{seconds:O}))),P.default.createElement(o.Button,{theme:S,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:f,disabled:f,"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"},F("onboarding.button.continue")),h&&q>=3&&P.default.createElement(o.Button,{theme:S,color:"ghost",isBlock:!0,size:"lg",onClick:g,"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"},F("onboarding.button.skip")))))},L=({onClose:e,onSubmit:n,canSkip:r,loading:a,errorMessage:d,initialData:u})=>{const{t:c,locale:m}=l.useTranslations(),{siteType:g,isMarryBaby:f}=t.useContext(i.OnboardingContext),b=i.useForm({validate:p.yupResolver(B(c))});return t.useEffect((()=>{b.setValues(Object.assign(Object.assign({gender:"0"},u),(null==u?void 0:u.birthday)&&{birthday:new Date(u.birthday)}))}),[u]),t.useEffect((()=>{d&&b.setFieldError("email",d)}),[d]),P.default.createElement(i.Onboarding,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:f?"Marry Baby":s.LOCALE_SPECS[m].SITE_NAME_FORMATTED})},P.default.createElement(i.FormProvider,{form:b},P.default.createElement("form",{className:"form",onSubmit:b.onSubmit((e=>{n(Object.assign(Object.assign({},e),{birthday:e.birthday&&S.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(x,{inputOrder:["full_name","email","dob","gender"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:g,isLoading:a,disabled:a},c("onboarding.button.continue")),r&&P.default.createElement(o.Button,{theme:g,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},N=({onClose:e,onSubmit:t,canSkip:r,errorMessage:a,loading:s})=>{const{t:d}=l.useTranslations(),u=i.useForm({initialValues:{password:"",confirmPassword:""},validate:p.yupResolver(M(d))});return P.default.createElement(i.Onboarding,{heading:d("onboarding.updatePassword.heading"),description:d("onboarding.updatePassword.description")},P.default.createElement(i.FormProvider,{form:u},P.default.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(x,{inputOrder:["password","confirm_password"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},d("onboarding.button.continue")),r&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")),a&&P.default.createElement(n.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.MAPPED_LOCALE=E.MAPPED_LOCALE,exports.OnboardingForm=I,exports.OnboardingModal=s=>{var{banner:p,canSkip:g,createPassError:f,createPassLoading:b,customFormTexts:E,emailLoading:h,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:y,onClose:S,onCreatePassByEmail:w,onOtpSubmit:O,onPersonalInfoSubmit:C,onPhoneSubmit:j,onResendCode:x,otpError:k,otpLoading:q,personalInfoError:T,resultScreenProps:B,siteType:M,step:F,withSimilac:A=!1,similacFormProps:D}=s,R=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:V}=l.useTranslations(),[U,G]=t.useState(F||v[0]),[W,H]=t.useState(""),[Y,$]=t.useState(""),[Z,Q]=r.useCounter(0,{min:0,max:2}),{isMobile:K}=a.useScreenSize(),J=t.useCallback((()=>{const e=v.indexOf(U)+1;e<=v.length-1&&G(v[e])}),[U]),X=t.useCallback((()=>{const e=v.indexOf(U)-1;e>=0&&G(v[e])}),[U]),ee=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield O(t))&&J()}catch(e){console.error(e)}})),te=()=>{Z>=2||(Q.increment(),X())},ne="marryBaby"===M;return P.default.createElement(i.OnboardingContext.Provider,{value:{siteType:M,isMarryBaby:ne}},P.default.createElement(m.StyledOnboardingModal,Object.assign({},R),v.length>0?P.default.createElement(m.StyledContainer,null,P.default.createElement(n.Grid,{sx:{[u.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[u.MediaQueries.mbDown]:{padding:0}}}},P.default.createElement(n.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2,sx:{zIndex:A?99:void 0}},P.default.createElement(m.StyledContent,{"data-similac":A,"data-has-banner":"object"==typeof p},U===d.OnboardingStep.Phone&&(A?P.default.createElement(_,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const n=null==t?void 0:t.phone;n&&(H(n),yield Promise.all([null===(e=null==D?void 0:D.onFormSubmit)||void 0===e?void 0:e.call(D,t),null==j?void 0:j(n)])),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding,defaultValues:null==D?void 0:D.defaultValues,customTerms:null==D?void 0:D.customTerms}):P.default.createElement(I,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{H(t),yield null==j?void 0:j(t),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding})),U===d.OnboardingStep.OTP&&P.default.createElement(z,{onClose:S,onSubmit:ee,phone:W,onResendCode:x,otpError:k,loading:q,canSkip:g,onBack:te,outOfEdit:Z>=2}),U===d.OnboardingStep.OTPEmail&&P.default.createElement(z,{onClose:S,onSubmit:ee,onResendCode:x,otpError:k,loading:q,canSkip:g,onBack:te,outOfEdit:Z>=2,email:Y}),U===d.OnboardingStep.PersonalInfo&&P.default.createElement(L,{initialData:null==y?void 0:y[d.OnboardingStep.PersonalInfo],onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{$((null==t?void 0:t.email)||"");!(yield null==C?void 0:C(t))&&J()}catch(e){console.error(e)}})),errorMessage:T,loading:h}),U===d.OnboardingStep.UpdatePassword&&P.default.createElement(N,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==w?void 0:w(t),!f&&J()}catch(e){console.error(e)}})),errorMessage:f,loading:b}),U===d.OnboardingStep.Result&&P.default.createElement(i.Onboarding,Object.assign({},B),P.default.createElement(o.Button,{theme:M,size:"lg",onClick:S,className:"form-button"},V("onboarding.button.continue"))))),"object"==typeof p&&!A&&P.default.createElement(n.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2},P.default.createElement(m.StyledBannerCol,null,P.default.createElement(m.StyledBannerInner,{"data-is-marry-baby":ne},P.default.createElement(m.StyledIntro,null,(null==p?void 0:p.heading)&&P.default.createElement(n.Title,{order:1,mb:24},null==p?void 0:p.heading),(null==p?void 0:p.description)&&P.default.createElement(a.Text,{size:"p1",color:c.theme.colors.gray800},V("onboarding.welcomeScreen.content"))),(null==p?void 0:p.imgSrc)&&P.default.createElement("div",null,P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy"}))))),"object"==typeof p&&A&&(null==p?void 0:p.imgSrc)&&P.default.createElement(n.Grid.Col,{span:"auto",order:A?1:2,orderMd:A?2:1},P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))},exports.OtpForm=z;

package/build/onboardingV2.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./tslib.es6-0d31715f.js"),a=require("@mantine/core"),n=require("./index.styles-9285e23d.js"),r=require("./index-2db33f49.js");require("dayjs");var o=require("./screenSizeContext-4d5786c6.js"),i=require("styled-components"),l=require("./theme-1a7c14fb.js"),s=require("./index-a89b23de.js");require("./isProduction-e1b7813f.js");var d=require("./Onboarding-2b01db17.js"),u=require("./gAssets.js"),m=require("./useTranslations-2e7d64aa.js");require("./index-dad94e78.js");var c=require("@mantine/hooks"),p=require("./index-4efa8e7e.js");require("lodash/debounce"),require("./useCategory-971481b4.js");var f=require("./Visible-7e3703b1.js"),g=require("@mantine/form"),b=require("./index-5b7dfda4.js");require("@mantine/dates");var h=require("yup"),E=require("react-dom"),C=require("./index-2584fe83.js"),L=require("lodash/throttle"),v=require("./index-e022af07.js"),x=require("./index-b99409f1.js"),y=require("date-fns");require("./translationsContext-f962ff63.js"),require("string-format");var w=require("react-keyed-flatten-children");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function M(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("@mantine/carousel"),require("./useUniqueId-86a9e1d4.js"),require("./cookieHelper-47e34efa.js"),require("slugify"),require("date-fns/locale"),require("./utils-2fb6eb7d.js");var O=S(e),P=S(i),j=M(h),T=S(L),_=S(w);const k=e.createContext({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[B,q,F]=g.createFormContext(),I=P.default(a.Box)`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./tslib.es6-ada91747.js"),a=require("@mantine/core"),n=require("./index.styles-b9febcc9.js"),r=require("./index-76173979.js");require("dayjs");var o=require("./screenSizeContext-5fb2e1e3.js"),i=require("styled-components"),l=require("./theme-430914fa.js"),s=require("./index-06a0ee4f.js");require("./isProduction-0720723e.js");var d=require("./Onboarding-2f763873.js"),u=require("./gAssets.js"),m=require("./useTranslations-1901ec76.js");require("./index-f9ef69b8.js");var c=require("@mantine/hooks"),p=require("./index-8dfe86fe.js");require("lodash/debounce"),require("./useCategory-ff3032d0.js");var f=require("./Visible-671ae192.js"),g=require("@mantine/form"),b=require("./index-63626740.js");require("@mantine/dates");var h=require("yup"),E=require("react-dom"),C=require("./index-09ed8172.js"),L=require("lodash/throttle"),v=require("./index-5c8e9580.js"),x=require("./index-9b288574.js"),y=require("date-fns");require("./translationsContext-91bf4ce0.js"),require("string-format");var w=require("react-keyed-flatten-children");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function M(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("@mantine/carousel"),require("./useUniqueId-e09145f0.js"),require("./cookieHelper-56a7d794.js"),require("slugify"),require("date-fns/locale"),require("./utils-6a2363f8.js");var O=S(e),P=S(i),j=M(h),T=S(L),_=S(w);const k=e.createContext({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[B,q,F]=g.createFormContext(),I=P.default(a.Box)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;

package/build/pwg.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-55a6f97a.js"),a=require("./index-e022af07.js"),l=require("./index-32d3a385.js"),r=require("./useTranslations-2e7d64aa.js"),n=require("./theme-1a7c14fb.js"),o=require("recharts"),i=require("./index-dad94e78.js"),s=require("./useOutsideClick-81c62034.js"),c=require("styled-components"),d=require("./tslib.es6-0d31715f.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./Onboarding-2b01db17.js"),require("./index.styled-b9465af1.js"),require("./gAssets.js"),require("./index-a89b23de.js"),require("date-fns/locale"),require("./isProduction-e1b7813f.js"),require("./translationsContext-f962ff63.js"),require("string-format"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks");var m=u(e),f=u(c);const p=e=>{const{x:t,y:a,payload:l,activeWeek:r}=e;return r===l.value?m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?n.theme.mbColors.pink:n.theme.colors.primaryBase}),m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},l.value)):m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},l.value))},g=f.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-716e7e90.js"),a=require("./index-5c8e9580.js"),l=require("./index-239bd1af.js"),r=require("./useTranslations-1901ec76.js"),n=require("./theme-430914fa.js"),o=require("recharts"),i=require("./index-f9ef69b8.js"),s=require("./useOutsideClick-9f3c981c.js"),c=require("styled-components"),d=require("./tslib.es6-ada91747.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./Onboarding-2f763873.js"),require("./index.styled-f3b66fe9.js"),require("./gAssets.js"),require("./index-06a0ee4f.js"),require("date-fns/locale"),require("./isProduction-0720723e.js"),require("./translationsContext-91bf4ce0.js"),require("string-format"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks");var m=u(e),f=u(c);const p=e=>{const{x:t,y:a,payload:l,activeWeek:r}=e;return r===l.value?m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?n.theme.mbColors.pink:n.theme.colors.primaryBase}),m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},l.value)):m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},l.value))},g=f.default.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;
@@ -55,7 +55,7 @@
     align-items: center;
     gap: 4px;
   }
-`,b=[{name:"overweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"underweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"healthy",backgroundColor:n.theme.colors.green50,color:n.theme.colors.green900}],x=t=>{var l,r,o,i,s;const{payload:c,active:d}=t,u=null===(l=null==c?void 0:c[0])||void 0===l?void 0:l.payload;if(!u||!u.toolTipLabel||!d)return null;const{backgroundColor:f,color:p}=e.useMemo((()=>b.find((e=>e.name===u.status))),[null==u?void 0:u.status]);return m.default.createElement(g,null,m.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(o=u.toolTipLabel)||void 0===o?void 0:o[1]),m.default.createElement("div",null,(null===(i=u.toolTipLabel)||void 0===i?void 0:i[2])&&m.default.createElement(a.Text,{as:"span",size:"s3",color:n.theme.colors.gray800,type:"semiBold"},null===(s=u.toolTipLabel)||void 0===s?void 0:s[2]),m.default.createElement("div",{className:"risk",style:{backgroundColor:f}},m.default.createElement(a.Text,{size:"n1",color:p},u.translatedStatus))))},E=({weightByWeek:e,weightBefore:t,toolTipLabel:a,status:l,activeWeek:r,t:n})=>{const o=n(`bmi.result.${l}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===r?{toolTipLabel:a,translatedStatus:o,status:l}:{})))},k=({weightBefore:l,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:g,withLine:y=!1,siteType:b})=>{const{t:k}=r.useTranslations(),v="marryBaby"===b,w=e.useMemo((()=>E({weightByWeek:c,weightBefore:l,toolTipLabel:f,status:g,activeWeek:d,t:k})),[c,l,f,g,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(h,null,v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark}," ",k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")),Array.isArray(w)&&w.length>0&&m.default.createElement(h,null,m.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},m.default.createElement(o.AreaChart,{data:w,margin:{top:16,right:0,left:0}},m.default.createElement(o.CartesianGrid,{stroke:n.theme.colors.neutral100}),m.default.createElement(o.Tooltip,{trigger:"click",content:e=>m.default.createElement(x,Object.assign({active:!y&&T&&void 0!==d&&void 0!==u},e))}),m.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:e=>m.default.createElement(p,Object.assign({},e,{activeWeek:d,siteType:b})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),m.default.createElement(o.YAxis,{domain:[e=>Math.max(e,l-10||e),e=>Math.max(e,l+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:n.theme.colors.gray600}}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:v?n.theme.mbColors.tonePink:n.theme.colors.primary100}),void 0!==d&&void 0!==u&&m.default.createElement(o.ReferenceDot,{onClick:()=>C(!0),x:0===d?1:d,y:u,r:4,shape:m.default.createElement(i.CustomReferenceDot,{ref:j,r:4}),fill:v?n.theme.mbColors.pink:n.theme.colors.primaryBase,stroke:v?n.theme.mbColors.pink:n.theme.colors.primaryBase}))),m.default.createElement("div",{className:"custom-chart-label"},m.default.createElement("i",null),v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},k("pregnancy.week")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("pregnancy.week")))))},v=e=>{var{color:t}=e,a=d.__rest(e,["color"]);return m.default.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),m.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:t||n.theme.colors.primaryBase}))},w=({idealWeight:e,siteType:l})=>{const{t:o}=r.useTranslations(),i="marryBaby"===l;return m.default.createElement(y,null,m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.lightPink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.colors.primary100}),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},m.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e)))),m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.pink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pwg.placeholder.weight"))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,null),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},o("pwg.placeholder.weight")))))},T=f.default.div`
+`,x=[{name:"overweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"underweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"healthy",backgroundColor:n.theme.colors.green50,color:n.theme.colors.green900}],b=t=>{var l,r,o,i,s;const{payload:c,active:d}=t,u=null===(l=null==c?void 0:c[0])||void 0===l?void 0:l.payload;if(!u||!u.toolTipLabel||!d)return null;const{backgroundColor:f,color:p}=e.useMemo((()=>x.find((e=>e.name===u.status))),[null==u?void 0:u.status]);return m.default.createElement(g,null,m.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(o=u.toolTipLabel)||void 0===o?void 0:o[1]),m.default.createElement("div",null,(null===(i=u.toolTipLabel)||void 0===i?void 0:i[2])&&m.default.createElement(a.Text,{as:"span",size:"s3",color:n.theme.colors.gray800,type:"semiBold"},null===(s=u.toolTipLabel)||void 0===s?void 0:s[2]),m.default.createElement("div",{className:"risk",style:{backgroundColor:f}},m.default.createElement(a.Text,{size:"n1",color:p},u.translatedStatus))))},E=({weightByWeek:e,weightBefore:t,toolTipLabel:a,status:l,activeWeek:r,t:n})=>{const o=n(`bmi.result.${l}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===r?{toolTipLabel:a,translatedStatus:o,status:l}:{})))},k=({weightBefore:l,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:g,withLine:y=!1,siteType:x})=>{const{t:k}=r.useTranslations(),v="marryBaby"===x,w=e.useMemo((()=>E({weightByWeek:c,weightBefore:l,toolTipLabel:f,status:g,activeWeek:d,t:k})),[c,l,f,g,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(h,null,v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark}," ",k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")),Array.isArray(w)&&w.length>0&&m.default.createElement(h,null,m.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},m.default.createElement(o.AreaChart,{data:w,margin:{top:16,right:0,left:0}},m.default.createElement(o.CartesianGrid,{stroke:n.theme.colors.neutral100}),m.default.createElement(o.Tooltip,{trigger:"click",content:e=>m.default.createElement(b,Object.assign({active:!y&&T&&void 0!==d&&void 0!==u},e))}),m.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:e=>m.default.createElement(p,Object.assign({},e,{activeWeek:d,siteType:x})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),m.default.createElement(o.YAxis,{domain:[e=>Math.max(e,l-10||e),e=>Math.max(e,l+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:n.theme.colors.gray600}}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:v?n.theme.mbColors.tonePink:n.theme.colors.primary100}),void 0!==d&&void 0!==u&&m.default.createElement(o.ReferenceDot,{onClick:()=>C(!0),x:0===d?1:d,y:u,r:4,shape:m.default.createElement(i.CustomReferenceDot,{ref:j,r:4}),fill:v?n.theme.mbColors.pink:n.theme.colors.primaryBase,stroke:v?n.theme.mbColors.pink:n.theme.colors.primaryBase}))),m.default.createElement("div",{className:"custom-chart-label"},m.default.createElement("i",null),v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},k("pregnancy.week")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("pregnancy.week")))))},v=e=>{var{color:t}=e,a=d.__rest(e,["color"]);return m.default.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),m.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:t||n.theme.colors.primaryBase}))},w=({idealWeight:e,siteType:l})=>{const{t:o}=r.useTranslations(),i="marryBaby"===l;return m.default.createElement(y,null,m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.lightPink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.colors.primary100}),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},m.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e)))),m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.pink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pwg.placeholder.weight"))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,null),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},o("pwg.placeholder.weight")))))},T=f.default.div`
   display: flex;
   flex-direction: column;
   align-items: center;

package/build/together.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-9f6e2696.js"),r=require("./index.styled-0d4d68f3.js"),t=require("./types-ffea7b45.js"),o=require("./index.styles-9285e23d.js");require("./tslib.es6-0d31715f.js"),require("react"),require("@mantine/core"),require("./index-dad94e78.js"),require("styled-components"),require("@mantine/carousel"),require("@mantine/hooks"),require("./gAssets.js"),require("./index-a89b23de.js"),require("date-fns/locale"),require("./Onboarding-2b01db17.js"),require("./isProduction-e1b7813f.js"),require("./index-5b7dfda4.js"),require("./screenSizeContext-4d5786c6.js"),require("lodash/throttle"),require("./theme-1a7c14fb.js"),require("dayjs"),require("./useUniqueId-86a9e1d4.js"),require("./useTranslations-2e7d64aa.js"),require("./translationsContext-f962ff63.js"),require("string-format"),require("@mantine/dates"),require("./normalizeLink-28258895.js"),require("lodash/debounce"),require("./useCategory-971481b4.js"),require("./cookieHelper-47e34efa.js"),require("./number-b3767f34.js"),require("innertext"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("react-dom"),require("./index-e7f2e80f.js"),require("./index-e022af07.js"),require("./index-55a6f97a.js"),require("./index-8383af12.js"),require("./index-b99409f1.js"),require("./index-537bccbe.js"),require("./types-ef750ab6.js"),require("react-hook-form"),require("@hookform/resolvers/yup"),require("./index-c57b487f.js"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-b9465af1.js"),require("uuid"),require("./utils-2fb6eb7d.js"),require("dayjs/plugin/relativeTime"),require("./paths-2ac2ae14.js"),require("./constants-fd82a887.js"),require("./index-f36821a3.js"),require("react-contenteditable"),require("@mantine/form"),require("./useHealthToolCache-10f561aa.js"),require("./getDynamicHealthTool-571597e0.js"),require("./core-5c4c9018.js"),require("js-cookie"),require("lodash/flatten"),require("lodash/uniqBy"),require("./index-9669998e.js"),require("react-keyed-flatten-children"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardReactions=e.CardReactions,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.ProfileDetail=e.ProfileDetail,exports.ProfileDetailModal=e.ProfileDetailModal,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SourceList=e.SourceList,Object.defineProperty(exports,"TabNameInProfileDetail",{enumerable:!0,get:function(){return e.TabName}}),exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.TogetherDataTransforms=r.dataTransform,exports.UserAvatar=r.UserAvatar,exports.CardLink=t.CardLink,exports.CardPost=t.CardPost,exports.CardPostPopoverMore=t.CardPostPopoverMore,exports.CardReply=t.CardReply,exports.CardReplyPopover=t.CardReplyPopover,exports.CreateNewPostContent=t.CreateNewPostContent,exports.CreatePostDescription=t.CreatePostDescription,exports.CreatePostTitle=t.CreatePostTitle,exports.ImagePreviewPopup=t.ImagePreviewPopup,exports.InputCommentBar=t.InputCommentBar,exports.LabelPin=t.LabelPin,exports.PopupDanger=t.PopupDanger,exports.PostImagePreview=t.PostImagePreview,exports.PostSingleImageViewPopup=t.PostSingleImageViewPopup,exports.SkipQuestionOfExpertBtn=t.SkipQuestionOfExpertBtn,exports.SocialLinkPreview=t.SocialLinkPreview,exports.SubmitReportForm=t.SubmitReportForm,exports.TogetherTypes=t.types,exports.TopicSelectList=t.TopicSelectList,exports.VerifiedTag=t.VerifiedTag,exports.DefaultComponentGlobalContextData=o.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return o.GlobalData}}),exports.TogetherComponentGlobalContext=o.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=o.TogetherComponentGlobalContextProvider,exports.TogetherConstants=o.constants;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-eb228f66.js"),r=require("./index.styled-f21b31a6.js"),t=require("./types-b9f1522b.js"),o=require("./index.styles-b9febcc9.js");require("./tslib.es6-ada91747.js"),require("react"),require("@mantine/core"),require("./index-f9ef69b8.js"),require("styled-components"),require("@mantine/carousel"),require("@mantine/hooks"),require("./gAssets.js"),require("./index-06a0ee4f.js"),require("date-fns/locale"),require("./Onboarding-2f763873.js"),require("./isProduction-0720723e.js"),require("./index-63626740.js"),require("./screenSizeContext-5fb2e1e3.js"),require("lodash/throttle"),require("./theme-430914fa.js"),require("dayjs"),require("./useUniqueId-e09145f0.js"),require("./useTranslations-1901ec76.js"),require("./translationsContext-91bf4ce0.js"),require("string-format"),require("@mantine/dates"),require("./normalizeLink-886f7c9d.js"),require("lodash/debounce"),require("./useCategory-ff3032d0.js"),require("./cookieHelper-56a7d794.js"),require("./number-5d2dc1a0.js"),require("innertext"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("react-dom"),require("./index-2078c919.js"),require("./index-5c8e9580.js"),require("./index-716e7e90.js"),require("./index-2fba8b09.js"),require("./index-9b288574.js"),require("./index-05e21683.js"),require("./types-00acdbca.js"),require("react-hook-form"),require("@hookform/resolvers/yup"),require("./index-120a5211.js"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-f3b66fe9.js"),require("uuid"),require("./utils-6a2363f8.js"),require("dayjs/plugin/relativeTime"),require("./paths-2840670d.js"),require("./constants-dee18538.js"),require("./index-6a45ff11.js"),require("react-contenteditable"),require("@mantine/form"),require("./useHealthToolCache-bf07b19c.js"),require("./getDynamicHealthTool-5c61456a.js"),require("./core-5f367bd4.js"),require("js-cookie"),require("lodash/flatten"),require("lodash/uniqBy"),require("./index-97a47459.js"),require("react-keyed-flatten-children"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardReactions=e.CardReactions,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.ProfileDetail=e.ProfileDetail,exports.ProfileDetailModal=e.ProfileDetailModal,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SourceList=e.SourceList,Object.defineProperty(exports,"TabNameInProfileDetail",{enumerable:!0,get:function(){return e.TabName}}),exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.TogetherDataTransforms=r.dataTransform,exports.UserAvatar=r.UserAvatar,exports.CardLink=t.CardLink,exports.CardPost=t.CardPost,exports.CardPostPopoverMore=t.CardPostPopoverMore,exports.CardReply=t.CardReply,exports.CardReplyPopover=t.CardReplyPopover,exports.CreateNewPostContent=t.CreateNewPostContent,exports.CreatePostDescription=t.CreatePostDescription,exports.CreatePostTitle=t.CreatePostTitle,exports.ImagePreviewPopup=t.ImagePreviewPopup,exports.InputCommentBar=t.InputCommentBar,exports.LabelPin=t.LabelPin,exports.PopupDanger=t.PopupDanger,exports.PostImagePreview=t.PostImagePreview,exports.PostSingleImageViewPopup=t.PostSingleImageViewPopup,exports.SkipQuestionOfExpertBtn=t.SkipQuestionOfExpertBtn,exports.SocialLinkPreview=t.SocialLinkPreview,exports.SubmitReportForm=t.SubmitReportForm,exports.TogetherTypes=t.types,exports.TopicSelectList=t.TopicSelectList,exports.VerifiedTag=t.VerifiedTag,exports.DefaultComponentGlobalContextData=o.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return o.GlobalData}}),exports.TogetherComponentGlobalContext=o.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=o.TogetherComponentGlobalContextProvider,exports.TogetherConstants=o.constants;