@hhgtech/hhg-components 1.25.8 → 1.25.10

package/build/misc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-4e5d8e20.js"),r=require("./screenSizeContext-cb07b904.js"),t=require("./cookieHelper-afab3a2a.js");require("react"),require("styled-components");var o=require("./theme-6c7a193c.js"),i=require("./dataTransform-d91898b6.js"),s=require("./routing-33dd3614.js"),a=require("./utils-0857c803.js"),p=require("./getDynamicHealthTool-452bd905.js"),l=require("./getSocialList-82a643a5.js");require("dayjs"),require("lodash/throttle"),require("./index-2b84e1db.js"),require("./Onboarding-6a93948f.js"),require("./isProduction-53bfc0ca.js"),require("./tslib.es6-7ea40a63.js"),require("./core-3eb73a90.js"),require("./normalizeLink-4ad75d55.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.getWindowSizeGroups=r.getWindowSizeGroups,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.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,exports.MBTheme=o.MBTheme,exports.theme=o.theme,exports.abbreviateNumber=i.abbreviateNumber,exports.formatPill=i.formatPill,exports.getCareApiDomain=s.getCareApiDomain,exports.getCurrentBaseUrl=s.getCurrentBaseUrl,exports.getCurrentSsoUrl=s.getCurrentSsoUrl,exports.getDiscoverApiDomain=s.getDiscoverApiDomain,exports.getTogetherApiDomain=s.getTogetherApiDomain,exports.Breakpoints=a.Breakpoints,exports.MediaQueries=a.MediaQueries,exports.formatUrlWithPageParam=a.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=a.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=a.getPopupWrapperDom,exports.getWrapperDomWithSelector=a.getWrapperDomWithSelector,exports.makeParams=a.makeParams,exports.safeEncodeURI=a.safeEncodeURI,exports.startCase=a.startCase,exports.toggleNoScroll=a.toggleNoScroll,exports.formatHealthTool=p.formatHealthTool,exports.getDynamicHealthTool=p.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=p.getDynamicHealthToolWithCache,exports.getSocialList=l.getSocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-f87e3703.js"),r=require("./screenSizeContext-e33a9eca.js"),t=require("./cookieHelper-11d465fb.js");require("react"),require("styled-components");var o=require("./theme-7b182b51.js"),i=require("./dataTransform-ad96adb7.js"),s=require("./routing-f8d94930.js"),a=require("./utils-475916e4.js"),p=require("./getDynamicHealthTool-f7eb291a.js"),l=require("./getSocialList-9b36de9d.js");require("dayjs"),require("lodash/throttle"),require("./index-2a25ed39.js"),require("./Onboarding-dd23dcac.js"),require("./isProduction-ca7a0d51.js"),require("./tslib.es6-4bd6bd01.js"),require("./core-7967b08d.js"),require("./normalizeLink-3220421b.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.getWindowSizeGroups=r.getWindowSizeGroups,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.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,exports.MBTheme=o.MBTheme,exports.theme=o.theme,exports.abbreviateNumber=i.abbreviateNumber,exports.formatPill=i.formatPill,exports.getCareApiDomain=s.getCareApiDomain,exports.getCurrentBaseUrl=s.getCurrentBaseUrl,exports.getCurrentSsoUrl=s.getCurrentSsoUrl,exports.getDiscoverApiDomain=s.getDiscoverApiDomain,exports.getTogetherApiDomain=s.getTogetherApiDomain,exports.Breakpoints=a.Breakpoints,exports.MediaQueries=a.MediaQueries,exports.formatUrlWithPageParam=a.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=a.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=a.getPopupWrapperDom,exports.getWrapperDomWithSelector=a.getWrapperDomWithSelector,exports.makeParams=a.makeParams,exports.safeEncodeURI=a.safeEncodeURI,exports.startCase=a.startCase,exports.toggleNoScroll=a.toggleNoScroll,exports.formatHealthTool=p.formatHealthTool,exports.getDynamicHealthTool=p.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=p.getDynamicHealthToolWithCache,exports.getSocialList=l.getSocialList;

package/build/navigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-7ea40a63.js"),require("react"),require("./core-3eb73a90.js");var e=require("./index-7279d356.js");require("./index-2b84e1db.js"),require("./normalizeLink-4ad75d55.js"),require("./routing-33dd3614.js"),require("./dataTransform-adda3623.js"),require("./index.styled-b7cd5f1e.js"),require("./isProduction-53bfc0ca.js"),require("./gAssets.js"),require("./Onboarding-6a93948f.js"),require("./useUniqueId-e2b3cb6e.js"),require("./index-d04e582d.js"),require("./index-d83601ab.js"),require("./index-27d451dd.js"),require("./utils-0857c803.js"),require("styled-components"),require("./useTranslations-12079e07.js"),require("./translationsContext-88404bec.js"),require("string-format"),require("lodash/throttle"),require("./index.styled-61982153.js"),require("./theme-6c7a193c.js"),require("./index.styled-c2b23b28.js"),require("dayjs"),require("./screenSizeContext-cb07b904.js"),require("@mantine/core"),require("./index-fb7de03f.js"),require("./cookieHelper-afab3a2a.js"),require("./index.styled-30ee4ed0.js"),require("./index-e7a438ca.js"),require("./index-5ed28706.js"),require("@mantine/dates"),require("@mantine/hooks"),require("@mantine/carousel"),require("./index-8ea81525.js"),require("./constants-655575eb.js"),require("./useIsInit-326f6473.js"),require("./index-ed822e8e.js"),require("lodash/debounce"),require("slugify"),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-4bd6bd01.js"),require("react"),require("./core-7967b08d.js");var e=require("./index-6c105c55.js");require("./index-2a25ed39.js"),require("./normalizeLink-3220421b.js"),require("./routing-f8d94930.js"),require("./dataTransform-ebd46330.js"),require("./index.styled-9ef5555d.js"),require("./isProduction-ca7a0d51.js"),require("./gAssets.js"),require("./Onboarding-dd23dcac.js"),require("./useUniqueId-0c883ec8.js"),require("./index-c3a94487.js"),require("./index-325fcced.js"),require("./index-affe1781.js"),require("./utils-475916e4.js"),require("styled-components"),require("./useTranslations-f0911067.js"),require("./translationsContext-4d46297e.js"),require("string-format"),require("lodash/throttle"),require("./index.styled-bad57cdc.js"),require("./theme-7b182b51.js"),require("./index.styled-7c8e01d4.js"),require("dayjs"),require("./screenSizeContext-e33a9eca.js"),require("@mantine/core"),require("./index-9b350e60.js"),require("./cookieHelper-11d465fb.js"),require("./index.styled-e37b0ba5.js"),require("./index-4007dc43.js"),require("./index.styles-31c72cd1.js"),require("@mantine/dates"),require("@mantine/hooks"),require("@mantine/carousel"),require("./index-d453ed07.js"),require("./constants-3a3cba3e.js"),require("./useIsInit-8d4e3d7c.js"),require("./index-dd639b43.js"),require("lodash/debounce"),require("slugify"),require("dayjs/plugin/relativeTime"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;

package/build/onboarding.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-7ea40a63.js"),t=require("react"),n=require("@mantine/core"),o=require("@mantine/hooks");require("./index.styled-61982153.js");var r=require("./index-fb7de03f.js");require("./gAssets.js"),require("./index.styled-c2b23b28.js"),require("./index-27d451dd.js"),require("./utils-0857c803.js");var a=require("./theme-6c7a193c.js");require("./index.styled-30ee4ed0.js");var i=require("./useTranslations-12079e07.js");require("./index-e7a438ca.js"),require("./index-5ed28706.js");var l=require("./index-9c753bfa.js");require("dayjs"),require("./screenSizeContext-cb07b904.js"),require("styled-components");var s=require("./index-2b84e1db.js");require("./isProduction-53bfc0ca.js");var d=require("./Onboarding-6a93948f.js");require("./index-8ea81525.js");var u=require("./index.styled-6f7cc9a4.js");require("lodash/debounce");var c=require("@mantine/form"),m=require("lodash/throttle"),b=require("./index-d04e582d.js"),f=require("date-fns");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./translationsContext-88404bec.js"),require("string-format"),require("@mantine/dates"),require("@mantine/carousel"),require("./Visible-f47dbb69.js"),require("yup");var g=p(t),E=p(m);const y=({onSubmit:n,phone:l,email:s,onResendCode:d,otpError:m,onClose:f,loading:p,onBack:y,canSkip:S,outOfEdit:h})=>{const{siteType:v,isMarryBaby:O}=t.useContext(u.OnboardingContext),[C,x]=t.useState(30),P=o.useInterval((()=>x((e=>e-1))),1e3),[q,j]=o.useCounter(0,{min:0,max:3}),k=t.useRef(!0),{t:B}=i.useTranslations();t.useEffect((()=>(P.start(),P.stop)),[]),t.useEffect((()=>{0===C&&(P.stop(),k.current=!1)}),[C]);const w=u.useForm({initialValues:{otp:""},validate:c.yupResolver(u.otpSchema(B))});t.useEffect((()=>{m&&w.setFieldError("otp",m)}),[m]);const F=t.useMemo((()=>E.default((()=>{k.current||(j.increment(),x(30),null==d||d(l||s),P.start(),k.current=!0)}),1e3,{trailing:!1})),[l,s,d,P]);return g.default.createElement(u.StyledOtpForm,{heading:B("onboarding.otpForm.heading"),description:g.default.createElement(g.default.Fragment,null,g.default.createElement("span",{dangerouslySetInnerHTML:{__html:l?B("onboarding.otpForm.description",{phone:`<b style="color:${a.theme.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):B("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${a.theme.colors.gray800}">${u.hiddenEmailChar(s)}</b>`})}}),!h&&g.default.createElement("svg",{onClick:()=>{null==y||y()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},g.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"})))},g.default.createElement(u.FormProvider,{form:w},g.default.createElement("form",{onSubmit:w.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){j.increment(),n(t.otp)}))),(e=>{console.log(e)}))},g.default.createElement(u.DynamicForm,{inputOrder:["otp"]}),g.default.createElement("div",{className:"resend"},g.default.createElement(b.Text,{size:"p4",color:a.theme.colors.gray400},B("onboarding.otpForm.notReceiveOTP")),g.default.createElement(b.Text,{as:"a",size:"p4",color:O?a.theme.mbColors.pink:a.theme.colors.primaryBase,onClick:F},B("onboarding.otpForm.resendCode",{seconds:C}))),g.default.createElement(r.Button,{theme:v,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:p,disabled:p,"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"},B("onboarding.button.continue")),S&&q>=3&&g.default.createElement(r.Button,{theme:v,color:"ghost",isBlock:!0,size:"lg",onClick:f,type:"button"},B("onboarding.button.skip")))))},S=({onClose:e,onSubmit:n,canSkip:o,loading:a,errorMessage:l,initialData:d})=>{const{t:m,locale:b}=i.useTranslations(),{siteType:p,isMarryBaby:E}=t.useContext(u.OnboardingContext),y=u.useForm({validate:c.yupResolver(u.onboardingEmailSchema(m))});return t.useEffect((()=>{y.setValues(Object.assign(Object.assign({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),t.useEffect((()=>{l&&y.setFieldError("email",l)}),[l]),g.default.createElement(u.Onboarding,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description",{site:E?"Marry Baby":s.LOCALE_SPECS[b].SITE_NAME_FORMATTED})},g.default.createElement(u.FormProvider,{form:y},g.default.createElement("form",{className:"form",onSubmit:y.onSubmit((e=>{n(Object.assign(Object.assign({},e),{birthday:e.birthday&&f.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},g.default.createElement(u.DynamicForm,{inputOrder:["full_name","email","dob","gender"]}),g.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},m("onboarding.button.continue")),o&&g.default.createElement(r.Button,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip")))))},h=({onClose:e,onSubmit:t,canSkip:o,errorMessage:a,loading:l})=>{const{t:s}=i.useTranslations(),d=u.useForm({initialValues:{password:"",confirmPassword:""},validate:c.yupResolver(u.onboardingUpdatePasswordSchema(s))});return g.default.createElement(u.Onboarding,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},g.default.createElement(u.FormProvider,{form:d},g.default.createElement("form",{className:"form",onSubmit:d.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},g.default.createElement(u.DynamicForm,{inputOrder:["password","confirm_password"]}),g.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),o&&g.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&g.default.createElement(n.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.MAPPED_LOCALE=u.MAPPED_LOCALE,exports.OnboardingForm=u.OnboardingForm,exports.OnboardingModal=s=>{var{banner:c,canSkip:m,createPassError:b,createPassLoading:f,customFormTexts:p,emailLoading:E,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:O,onClose:C,onCreatePassByEmail:x,onOtpSubmit:P,onPersonalInfoSubmit:q,onPhoneSubmit:j,onResendCode:k,otpError:B,otpLoading:w,personalInfoError:F,resultScreenProps:T,siteType:_,step:L}=s,M=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step"]);const{t:I}=i.useTranslations(),[z,D]=t.useState(L||v[0]),[R,A]=t.useState(""),[N,V]=t.useState(""),[$,U]=o.useCounter(0,{min:0,max:2}),H=t.useCallback((()=>{const e=v.indexOf(z)+1;e<=v.length-1&&D(v[e])}),[z]),Z=t.useCallback((()=>{const e=v.indexOf(z)-1;e>=0&&D(v[e])}),[z]),G=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield P(t))&&H()}catch(e){console.error(e)}})),J=()=>{$>=2||(U.increment(),Z())},K="marryBaby"===_;return g.default.createElement(u.OnboardingContext.Provider,{value:{siteType:_,isMarryBaby:K}},g.default.createElement(u.StyledOnboardingModal,Object.assign({},M),v.length>0?g.default.createElement(u.StyledContainer,null,g.default.createElement(u.StyledContent,{"data-has-banner":"object"==typeof c},z===d.OnboardingStep.Phone&&g.default.createElement(u.OnboardingForm,{onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{A(t),yield null==j?void 0:j(t),H()}catch(e){console.error(e)}})),customFormTexts:p.onboarding}),z===d.OnboardingStep.OTP&&g.default.createElement(y,{onClose:C,onSubmit:G,phone:R,onResendCode:k,otpError:B,loading:w,canSkip:m,onBack:J,outOfEdit:$>=2}),z===d.OnboardingStep.OTPEmail&&g.default.createElement(y,{onClose:C,onSubmit:G,onResendCode:k,otpError:B,loading:w,canSkip:m,onBack:J,outOfEdit:$>=2,email:N}),z===d.OnboardingStep.PersonalInfo&&g.default.createElement(S,{initialData:null==O?void 0:O[d.OnboardingStep.PersonalInfo],onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{V((null==t?void 0:t.email)||"");!(yield null==q?void 0:q(t))&&H()}catch(e){console.error(e)}})),errorMessage:F,loading:E}),z===d.OnboardingStep.UpdatePassword&&g.default.createElement(h,{onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==x?void 0:x(t),!b&&H()}catch(e){console.error(e)}})),errorMessage:b,loading:f}),z===d.OnboardingStep.Result&&g.default.createElement(u.Onboarding,Object.assign({},T),g.default.createElement(r.Button,{theme:_,size:"lg",onClick:C,className:"form-button"},I("onboarding.button.continue")))),"object"==typeof c&&g.default.createElement(u.StyledBannerCol,null,g.default.createElement(u.StyledBannerInner,{"data-is-marry-baby":K},g.default.createElement(u.StyledIntro,null,(null==c?void 0:c.heading)&&g.default.createElement(n.Title,{order:1,mb:24},null==c?void 0:c.heading),(null==c?void 0:c.description)&&g.default.createElement(l.Text,{size:"p1",color:a.theme.colors.gray800},I("onboarding.welcomeScreen.content"))),(null==c?void 0:c.imgSrc)&&g.default.createElement("div",null,g.default.createElement(u.StyledBannerImg,{src:null==c?void 0:c.imgSrc,loading:"lazy"}))))):"Incorrect flow"))},exports.OtpForm=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-4bd6bd01.js"),t=require("react"),n=require("@mantine/core"),o=require("@mantine/hooks");require("./index.styled-bad57cdc.js");var r=require("./index-9b350e60.js");require("./gAssets.js"),require("./index.styled-7c8e01d4.js"),require("./index-affe1781.js"),require("./utils-475916e4.js");var a=require("./theme-7b182b51.js");require("./index.styled-e37b0ba5.js");var i=require("./useTranslations-f0911067.js");require("./index-4007dc43.js"),require("./index.styles-31c72cd1.js");var l=require("./index-b9f6ab96.js");require("dayjs"),require("./screenSizeContext-e33a9eca.js"),require("styled-components");var s=require("./index-2a25ed39.js");require("./isProduction-ca7a0d51.js");var d=require("./Onboarding-dd23dcac.js");require("./index-d453ed07.js");var u=require("./index.styled-4c5d702a.js");require("lodash/debounce");var c=require("@mantine/form"),m=require("lodash/throttle"),b=require("./index-c3a94487.js"),p=require("date-fns");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./translationsContext-4d46297e.js"),require("string-format"),require("@mantine/dates"),require("@mantine/carousel"),require("./Visible-3ab5298b.js"),require("yup");var g=f(t),E=f(m);const y=({onSubmit:n,phone:l,email:s,onResendCode:d,otpError:m,onClose:p,loading:f,onBack:y,canSkip:S,outOfEdit:h})=>{const{siteType:v,isMarryBaby:O}=t.useContext(u.OnboardingContext),[C,x]=t.useState(30),P=o.useInterval((()=>x((e=>e-1))),1e3),[q,j]=o.useCounter(0,{min:0,max:3}),k=t.useRef(!0),{t:B}=i.useTranslations();t.useEffect((()=>(P.start(),P.stop)),[]),t.useEffect((()=>{0===C&&(P.stop(),k.current=!1)}),[C]);const w=u.useForm({initialValues:{otp:""},validate:c.yupResolver(u.otpSchema(B))});t.useEffect((()=>{m&&w.setFieldError("otp",m)}),[m]);const F=t.useMemo((()=>E.default((()=>{k.current||(j.increment(),x(30),null==d||d(l||s),P.start(),k.current=!0)}),1e3,{trailing:!1})),[l,s,d,P]);return g.default.createElement(u.StyledOtpForm,{heading:B("onboarding.otpForm.heading"),description:g.default.createElement(g.default.Fragment,null,g.default.createElement("span",{dangerouslySetInnerHTML:{__html:l?B("onboarding.otpForm.description",{phone:`<b style="color:${a.theme.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):B("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${a.theme.colors.gray800}">${u.hiddenEmailChar(s)}</b>`})}}),!h&&g.default.createElement("svg",{onClick:()=>{null==y||y()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},g.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"})))},g.default.createElement(u.FormProvider,{form:w},g.default.createElement("form",{onSubmit:w.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){j.increment(),n(t.otp)}))),(e=>{console.log(e)}))},g.default.createElement(u.DynamicForm,{inputOrder:["otp"]}),g.default.createElement("div",{className:"resend"},g.default.createElement(b.Text,{size:"p4",color:a.theme.colors.gray400},B("onboarding.otpForm.notReceiveOTP")),g.default.createElement(b.Text,{as:"a",size:"p4",color:O?a.theme.mbColors.pink:a.theme.colors.primaryBase,onClick:F},B("onboarding.otpForm.resendCode",{seconds:C}))),g.default.createElement(r.Button,{theme:v,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"},B("onboarding.button.continue")),S&&q>=3&&g.default.createElement(r.Button,{theme:v,color:"ghost",isBlock:!0,size:"lg",onClick:p,type:"button"},B("onboarding.button.skip")))))},S=({onClose:e,onSubmit:n,canSkip:o,loading:a,errorMessage:l,initialData:d})=>{const{t:m,locale:b}=i.useTranslations(),{siteType:f,isMarryBaby:E}=t.useContext(u.OnboardingContext),y=u.useForm({validate:c.yupResolver(u.onboardingEmailSchema(m))});return t.useEffect((()=>{y.setValues(Object.assign(Object.assign({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),t.useEffect((()=>{l&&y.setFieldError("email",l)}),[l]),g.default.createElement(u.Onboarding,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description",{site:E?"Marry Baby":s.LOCALE_SPECS[b].SITE_NAME_FORMATTED})},g.default.createElement(u.FormProvider,{form:y},g.default.createElement("form",{className:"form",onSubmit:y.onSubmit((e=>{n(Object.assign(Object.assign({},e),{birthday:e.birthday&&p.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},g.default.createElement(u.DynamicForm,{inputOrder:["full_name","email","dob","gender"]}),g.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:f,isLoading:a,disabled:a},m("onboarding.button.continue")),o&&g.default.createElement(r.Button,{theme:f,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip")))))},h=({onClose:e,onSubmit:t,canSkip:o,errorMessage:a,loading:l})=>{const{t:s}=i.useTranslations(),d=u.useForm({initialValues:{password:"",confirmPassword:""},validate:c.yupResolver(u.onboardingUpdatePasswordSchema(s))});return g.default.createElement(u.Onboarding,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},g.default.createElement(u.FormProvider,{form:d},g.default.createElement("form",{className:"form",onSubmit:d.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},g.default.createElement(u.DynamicForm,{inputOrder:["password","confirm_password"]}),g.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),o&&g.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&g.default.createElement(n.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.MAPPED_LOCALE=u.MAPPED_LOCALE,exports.OnboardingForm=u.OnboardingForm,exports.OnboardingModal=s=>{var{banner:c,canSkip:m,createPassError:b,createPassLoading:p,customFormTexts:f,emailLoading:E,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:O,onClose:C,onCreatePassByEmail:x,onOtpSubmit:P,onPersonalInfoSubmit:q,onPhoneSubmit:j,onResendCode:k,otpError:B,otpLoading:w,personalInfoError:F,resultScreenProps:T,siteType:_,step:L}=s,M=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step"]);const{t:I}=i.useTranslations(),[z,D]=t.useState(L||v[0]),[R,A]=t.useState(""),[N,V]=t.useState(""),[$,U]=o.useCounter(0,{min:0,max:2}),H=t.useCallback((()=>{const e=v.indexOf(z)+1;e<=v.length-1&&D(v[e])}),[z]),Z=t.useCallback((()=>{const e=v.indexOf(z)-1;e>=0&&D(v[e])}),[z]),G=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield P(t))&&H()}catch(e){console.error(e)}})),J=()=>{$>=2||(U.increment(),Z())},K="marryBaby"===_;return g.default.createElement(u.OnboardingContext.Provider,{value:{siteType:_,isMarryBaby:K}},g.default.createElement(u.StyledOnboardingModal,Object.assign({},M),v.length>0?g.default.createElement(u.StyledContainer,null,g.default.createElement(u.StyledContent,{"data-has-banner":"object"==typeof c},z===d.OnboardingStep.Phone&&g.default.createElement(u.OnboardingForm,{onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{A(t),yield null==j?void 0:j(t),H()}catch(e){console.error(e)}})),customFormTexts:f.onboarding}),z===d.OnboardingStep.OTP&&g.default.createElement(y,{onClose:C,onSubmit:G,phone:R,onResendCode:k,otpError:B,loading:w,canSkip:m,onBack:J,outOfEdit:$>=2}),z===d.OnboardingStep.OTPEmail&&g.default.createElement(y,{onClose:C,onSubmit:G,onResendCode:k,otpError:B,loading:w,canSkip:m,onBack:J,outOfEdit:$>=2,email:N}),z===d.OnboardingStep.PersonalInfo&&g.default.createElement(S,{initialData:null==O?void 0:O[d.OnboardingStep.PersonalInfo],onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{V((null==t?void 0:t.email)||"");!(yield null==q?void 0:q(t))&&H()}catch(e){console.error(e)}})),errorMessage:F,loading:E}),z===d.OnboardingStep.UpdatePassword&&g.default.createElement(h,{onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==x?void 0:x(t),!b&&H()}catch(e){console.error(e)}})),errorMessage:b,loading:p}),z===d.OnboardingStep.Result&&g.default.createElement(u.Onboarding,Object.assign({},T),g.default.createElement(r.Button,{theme:_,size:"lg",onClick:C,className:"form-button"},I("onboarding.button.continue")))),"object"==typeof c&&g.default.createElement(u.StyledBannerCol,null,g.default.createElement(u.StyledBannerInner,{"data-is-marry-baby":K},g.default.createElement(u.StyledIntro,null,(null==c?void 0:c.heading)&&g.default.createElement(n.Title,{order:1,mb:24},null==c?void 0:c.heading),(null==c?void 0:c.description)&&g.default.createElement(l.Text,{size:"p1",color:a.theme.colors.gray800},I("onboarding.welcomeScreen.content"))),(null==c?void 0:c.imgSrc)&&g.default.createElement("div",null,g.default.createElement(u.StyledBannerImg,{src:null==c?void 0:c.imgSrc,loading:"lazy"}))))):"Incorrect flow"))},exports.OtpForm=y;

package/build/pwg.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-117f7e28.js"),a=require("./index-d04e582d.js"),l=require("./index-8de936fb.js"),r=require("./useTranslations-12079e07.js"),n=require("./theme-6c7a193c.js"),o=require("recharts"),i=require("./index-e7a438ca.js"),s=require("./useOutsideClick-615765d9.js"),c=require("styled-components"),d=require("./tslib.es6-7ea40a63.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-30ee4ed0.js"),require("./Onboarding-6a93948f.js"),require("./index.styled-c93747db.js"),require("./gAssets.js"),require("./index-2b84e1db.js"),require("./isProduction-53bfc0ca.js"),require("./index-8ea81525.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-88404bec.js"),require("string-format");var m=u(e),f=u(c);const p=({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}:{})))},g=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))},h=f.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-b0a612ce.js"),a=require("./index-c3a94487.js"),l=require("./index-680ae62f.js"),r=require("./useTranslations-f0911067.js"),n=require("./theme-7b182b51.js"),o=require("recharts"),i=require("./index-4007dc43.js"),s=require("./useOutsideClick-011ff769.js"),c=require("styled-components"),d=require("./tslib.es6-4bd6bd01.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-e37b0ba5.js"),require("./Onboarding-dd23dcac.js"),require("./index.styled-4e2bcd47.js"),require("./gAssets.js"),require("./index-2a25ed39.js"),require("./isProduction-ca7a0d51.js"),require("./index-d453ed07.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-4d46297e.js"),require("string-format");var m=u(e),f=u(c);const p=({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}:{})))},g=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))},h=f.default.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;
@@ -45,7 +45,7 @@
     display: flex;
     justify-content: space-between;
   }
-`,x=f.default.div`
+`,b=f.default.div`
   display: flex;
   gap: 40px;
   justify-content: center;
@@ -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}],E=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(h,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))))},k=({weightBefore:l,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:h,withLine:x=!1,siteType:b})=>{const{t:k}=r.useTranslations(),v="marryBaby"===b,w=e.useMemo((()=>p({weightByWeek:c,weightBefore:l,toolTipLabel:f,status:h,activeWeek:d,t:k})),[c,l,f,h,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(y,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(y,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(E,Object.assign({active:!x&&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(g,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(x,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}],E=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(h,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))))},k=({weightBefore:l,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:h,withLine:b=!1,siteType:x})=>{const{t:k}=r.useTranslations(),v="marryBaby"===x,w=e.useMemo((()=>p({weightByWeek:c,weightBefore:l,toolTipLabel:f,status:h,activeWeek:d,t:k})),[c,l,f,h,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(y,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(y,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(E,Object.assign({active:!b&&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(g,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(b,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/{routing-33dd3614.js → routing-f8d94930.js}

@@ -1 +1 @@
-"use strict";var e=require("./index-2b84e1db.js"),o=require("./isProduction-53bfc0ca.js");exports.getCareApiDomain=()=>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_TOGETHER_API||`https://${o.isProduction?"together.":"staging-together."}hellohealthgroup.com`;
+"use strict";var e=require("./index-2a25ed39.js"),o=require("./isProduction-ca7a0d51.js");exports.getCareApiDomain=()=>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_TOGETHER_API||`https://${o.isProduction?"together.":"staging-together."}hellohealthgroup.com`;

package/build/screenSizeContext-e33a9eca.js

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

package/build/together/components/molecules/postContent/index.d.ts

@@ -1,13 +1,14 @@
-import { CSSProperties, HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
+import { DefaultProps, Selectors } from '@mantine/core';
 import { UserInfo } from 'together/interfaces/types';
-export type Props = HTMLAttributes<HTMLDivElement> & {
+import useStyles from './index.styles';
+type MyComponentStylesNames = Selectors<typeof useStyles>;
+export interface Props extends DefaultProps<MyComponentStylesNames, HTMLAttributes<HTMLDivElement>> {
     trackingCategory?: string;
     url?: string;
     description?: string;
     replyingTo?: string;
     disableShortenContent?: boolean;
-    className?: string;
-    style?: CSSProperties;
     mentionedUser?: UserInfo;
     mentions?: {
         id: number;
@@ -15,5 +16,6 @@ export type Props = HTMLAttributes<HTMLDivElement> & {
     }[];
     maxChars?: number;
     hideShowAllBtn?: boolean;
-};
-export declare const PostContent: ({ trackingCategory, url, className, style, replyingTo, mentionedUser, description: rawDescription, disableShortenContent, mentions, maxChars, hideShowAllBtn, ...rest }: Props) => JSX.Element;
+}
+export declare const PostContent: ({ trackingCategory, url, className, style, replyingTo, mentionedUser, description: rawDescription, disableShortenContent, mentions, maxChars, hideShowAllBtn, styles, ...rest }: Props) => JSX.Element;
+export {};

package/build/together/components/molecules/postContent/index.styled.d.ts

@@ -1 +1,3 @@
-export declare const StyledPostContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPostContent: import("styled-components").StyledComponent<"div", any, {
+    mentionColor?: string;
+}, never>;

package/build/together/components/molecules/postContent/index.styles.d.ts

@@ -0,0 +1,6 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<"root">) => {
+    classes: Record<"root", string>;
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/together.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-231c4f9d.js"),r=require("./index.styled-b7cd5f1e.js"),t=require("./dataTransform-adda3623.js");require("./tslib.es6-7ea40a63.js"),require("react"),require("@mantine/core"),require("./index-fb7de03f.js"),require("./index-d04e582d.js"),require("./index.styled-8498ef7f.js"),require("styled-components"),require("./utils-0857c803.js"),require("./index-d83601ab.js"),require("./gAssets.js"),require("./index-2b84e1db.js"),require("./Onboarding-6a93948f.js"),require("./isProduction-53bfc0ca.js"),require("./index-27d451dd.js"),require("./index.styled-61982153.js"),require("./theme-6c7a193c.js"),require("./index.styled-c2b23b28.js"),require("dayjs"),require("./screenSizeContext-cb07b904.js"),require("lodash/throttle"),require("./index-ed822e8e.js"),require("./index-ca36b41b.js"),require("./index-5ed28706.js"),require("@mantine/dates"),require("@mantine/hooks"),require("@mantine/carousel"),require("@hookform/resolvers/yup"),require("react-hook-form"),require("./index-5100b89a.js"),require("./useUniqueId-e2b3cb6e.js"),require("./index-965fced2.js"),require("./useTranslations-12079e07.js"),require("./translationsContext-88404bec.js"),require("string-format"),require("./index-117f7e28.js"),require("./index.styled-30ee4ed0.js"),require("date-fns"),require("./index-e7a438ca.js"),require("./index-8ea81525.js"),require("./index-ff8c7c71.js"),require("./types-d5534dbb.js"),require("react-day-picker/DayPickerInput"),require("innertext"),require("./index-660e2d94.js"),require("./index-ab2a2ed6.js"),require("lodash/debounce"),require("react-contenteditable"),require("./cookieHelper-afab3a2a.js"),require("react-dom"),require("keen-slider/react"),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-c93747db.js"),require("dayjs/plugin/relativeTime"),require("./index-b830a90b.js"),require("./routing-33dd3614.js"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardLink=e.CardLink,exports.CardPost=e.CardPost,exports.CardPostPopoverMore=e.CardPostPopoverMore,exports.CardReactions=e.CardReactions,exports.CardReply=e.CardReply,exports.CardReplyPopover=e.CardReplyPopover,exports.CreateNewPostContent=e.CreateNewPostContent,exports.CreatePostDescription=e.CreatePostDescription,exports.CreatePostTitle=e.CreatePostTitle,exports.ImagePreviewPopup=e.ImagePreviewPopup,exports.InputCommentBar=e.InputCommentBar,exports.LabelPin=e.LabelPin,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDanger=e.PopupDanger,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.PostImagePreview=e.PostImagePreview,exports.PostSingleImageViewPopup=e.PostSingleImageViewPopup,exports.ProfileDetail=e.ProfileDetail,exports.ProfileDetailModal=e.ProfileDetailModal,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SkipQuestionOfExpertBtn=e.SkipQuestionOfExpertBtn,exports.SocialLinkPreview=e.SocialLinkPreview,exports.SourceList=e.SourceList,exports.SubmitReportForm=e.SubmitReportForm,Object.defineProperty(exports,"TabNameInProfileDetail",{enumerable:!0,get:function(){return e.TabName}}),exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherTypes=e.types,exports.TopicSelectList=e.TopicSelectList,exports.VerifiedTag=e.VerifiedTag,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.DefaultComponentGlobalContextData=r.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return r.GlobalData}}),exports.TogetherComponentGlobalContext=r.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=r.TogetherComponentGlobalContextProvider,exports.TogetherConstants=r.constants,exports.UserAvatar=r.UserAvatar,exports.TogetherDataTransforms=t.dataTransform;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-edd858ee.js"),r=require("./index.styled-9ef5555d.js"),t=require("./dataTransform-ebd46330.js");require("./tslib.es6-4bd6bd01.js"),require("react"),require("@mantine/core"),require("./index-9b350e60.js"),require("./index-c3a94487.js"),require("./index.styled-a85cf2d8.js"),require("styled-components"),require("./utils-475916e4.js"),require("./index-325fcced.js"),require("./gAssets.js"),require("./index-2a25ed39.js"),require("./Onboarding-dd23dcac.js"),require("./isProduction-ca7a0d51.js"),require("./index-affe1781.js"),require("./index.styled-bad57cdc.js"),require("./theme-7b182b51.js"),require("./index.styled-7c8e01d4.js"),require("dayjs"),require("./screenSizeContext-e33a9eca.js"),require("lodash/throttle"),require("./index-dd639b43.js"),require("./index-fe5ed80c.js"),require("./index.styles-31c72cd1.js"),require("@mantine/dates"),require("@mantine/hooks"),require("@mantine/carousel"),require("@hookform/resolvers/yup"),require("react-hook-form"),require("./index-0ff0cf94.js"),require("./useUniqueId-0c883ec8.js"),require("./index-be7ce870.js"),require("./useTranslations-f0911067.js"),require("./translationsContext-4d46297e.js"),require("string-format"),require("./index-b0a612ce.js"),require("./index.styled-e37b0ba5.js"),require("date-fns"),require("./index-4007dc43.js"),require("./index-d453ed07.js"),require("./index-2fd8bfe9.js"),require("./types-f31cdf47.js"),require("react-day-picker/DayPickerInput"),require("innertext"),require("./index-a7e0e27c.js"),require("./index-02da947b.js"),require("./index-b9f6ab96.js"),require("lodash/debounce"),require("react-contenteditable"),require("./cookieHelper-11d465fb.js"),require("react-dom"),require("keen-slider/react"),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-4e2bcd47.js"),require("dayjs/plugin/relativeTime"),require("./index-6fbb91c3.js"),require("./routing-f8d94930.js"),require("./index-5e6ffd37.js"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardLink=e.CardLink,exports.CardPost=e.CardPost,exports.CardPostPopoverMore=e.CardPostPopoverMore,exports.CardReactions=e.CardReactions,exports.CardReply=e.CardReply,exports.CardReplyPopover=e.CardReplyPopover,exports.CreateNewPostContent=e.CreateNewPostContent,exports.CreatePostDescription=e.CreatePostDescription,exports.CreatePostTitle=e.CreatePostTitle,exports.ImagePreviewPopup=e.ImagePreviewPopup,exports.InputCommentBar=e.InputCommentBar,exports.LabelPin=e.LabelPin,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDanger=e.PopupDanger,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.PostImagePreview=e.PostImagePreview,exports.PostSingleImageViewPopup=e.PostSingleImageViewPopup,exports.ProfileDetail=e.ProfileDetail,exports.ProfileDetailModal=e.ProfileDetailModal,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SkipQuestionOfExpertBtn=e.SkipQuestionOfExpertBtn,exports.SocialLinkPreview=e.SocialLinkPreview,exports.SourceList=e.SourceList,exports.SubmitReportForm=e.SubmitReportForm,Object.defineProperty(exports,"TabNameInProfileDetail",{enumerable:!0,get:function(){return e.TabName}}),exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherTypes=e.types,exports.TopicSelectList=e.TopicSelectList,exports.VerifiedTag=e.VerifiedTag,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.DefaultComponentGlobalContextData=r.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return r.GlobalData}}),exports.TogetherComponentGlobalContext=r.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=r.TogetherComponentGlobalContextProvider,exports.TogetherConstants=r.constants,exports.UserAvatar=r.UserAvatar,exports.TogetherDataTransforms=t.dataTransform;