@hhgtech/hhg-components 1.26.14 → 1.26.16

package/build/esm/mantine.js

@@ -1 +1 @@
-export{S as Select}from"./index-e736adc2.js";import{o as a,p as o,q as i}from"./index-a786c18f.js";export{r as Accordion,A as Anchor,l as AspectRatio,s as Avatar,B as Breadcrumbs,v as Carousel,w as Checkbox,m as DatePicker,e as Input,z as MAPPED_LOCALE,y as OTHER_THEME_CONFIG,O as OTP,n as Phone,R as Radio,E as Tabs,f as Text,x as emotionCache,q as getMantineThemeOverride,t as themeColors,p as useMantineLocale}from"./index-a786c18f.js";export{B as Button}from"./index-aa6e912d.js";import{_ as c}from"./tslib.es6-a5906226.js";import d,{useMemo as b}from"react";import{Indicator as u,Badge as g,Spoiler as j,LoadingOverlay as h,MantineProvider as H,clsx as P,Title as T,Text as N,Button as k}from"@mantine/core";import"dayjs";import"./screenSizeContext-5f13e160.js";import"styled-components";import{t as L}from"./theme-8092bebb.js";import"./index-45e02ffe.js";import"./utils-48b374c2.js";import"./isProduction-3bbff3e5.js";import"./Onboarding-410bca6e.js";import"./gAssets.js";export{M as Modal}from"./index-1b01ecf4.js";import{T as D}from"./index-80a47cb4.js";import{u as I}from"./useTranslations-0d2d40e5.js";export{C as CentralCarousel}from"./index-cafcb749.js";export{S as Slider}from"./index-504087a4.js";export{S as Switch}from"./index-47312fac.js";import"@mantine/dates";import"@mantine/carousel";import"@mantine/hooks";import"lodash/throttle";import"./translationsContext-545116a5.js";import"string-format";import"./index-7328d312.js";const _=e=>{var{styles:t}=e,a=c(e,["styles"]);return d.createElement(u,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({indicator:{backgroundColor:L.colors.red700},processing:{animationDirection:"alternate"}},t)},a))},F=e=>d.createElement(a,Object.assign({minRows:2,maxRows:4},e)),G=e=>{var{color:t=L.colors.primaryBase,styles:a}=e,s=c(e,["color","styles"]);return d.createElement(g,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},a)},s))},J=e=>{var{children:t,line:a,lineHeight:s,trackingAttributes:r,maxHeight:o,customExpandFn:i}=e,n=c(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:l}=I(),m=b((()=>o||(a&&s?a*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const p=b((()=>r?{"data-event-category":r.dataEventCategory,"data-event-action":r.dataEventAction,"data-event-label":r.dataEventLabel}:{}),[r]);return d.createElement(j,Object.assign({showLabel:d.createElement(D,Object.assign({size:"p3",color:L.colors.primaryBase},p,{onClick:i}),l("articlePage.readMore")),hideLabel:d.createElement(D,Object.assign({size:"p3",color:L.colors.primaryBase},p),l("articlePage.showLess"))},n,{maxHeight:m}),t)},U=e=>d.createElement(h,Object.assign({loaderProps:{color:L.colors.primaryBase}},e)),V=e=>{var{children:t,locale:a,template:s="hb"}=e,r=c(e,["children","locale","template"]);return o(a),d.createElement(H,Object.assign({theme:i(a,s)},r),t)};var Y="MON6sfi",Z="pS-tJD7",K="s3tJ9-5",Q="fNsZr1b",W="uuxV74v",X="YohjTDU";function $(e){const{icon:t,title:a,description:s,button:r,buttonProps:o,style:i,className:n}=e,l=o||{},{size:m="lg",variant:p="outline"}=l,b=c(l,["size","variant"]),u=t;return d.createElement("div",{className:P("result",Y,n),style:i},u&&d.createElement("div",{className:P("resultIconContainer",Z)},d.createElement(u,{className:P("resultIcon",K)})),d.createElement(T,{order:3,size:"h3",className:P("resultTitle",Q)},a),d.createElement(N,{className:P("resultDescription",W)},s),r&&d.createElement(k,Object.assign({},b,{size:m,variant:p,className:P("resultButton",X,b.className)}),r))}export{G as Badge,_ as Indicator,U as LoadingOverlay,V as MantineProvider,$ as Result,J as Spoiler,F as TextArea};
+export{S as Select}from"./index-b7cfcf10.js";import{o as a,p as o,q as i}from"./index-76a43dfc.js";export{r as Accordion,A as Anchor,l as AspectRatio,s as Avatar,B as Breadcrumbs,v as Carousel,w as Checkbox,m as DatePicker,e as Input,z as MAPPED_LOCALE,y as OTHER_THEME_CONFIG,O as OTP,n as Phone,R as Radio,E as Tabs,f as Text,x as emotionCache,q as getMantineThemeOverride,t as themeColors,p as useMantineLocale}from"./index-76a43dfc.js";export{B as Button}from"./index-ea7083d1.js";import{_ as c}from"./tslib.es6-1da22bc6.js";import d,{useMemo as b}from"react";import{Indicator as u,Badge as g,Spoiler as j,LoadingOverlay as h,MantineProvider as H,clsx as P,Title as T,Text as N,Button as k}from"@mantine/core";import"dayjs";import"./screenSizeContext-8f1af82f.js";import"styled-components";import{t as L}from"./theme-2539c09e.js";import"./index-1d96cdc4.js";import"./utils-e03774c4.js";import"./isProduction-8c27d088.js";import"./Onboarding-bd1a7bd1.js";import"./gAssets.js";export{M as Modal}from"./index-5913b6a8.js";import{T as D}from"./index-71dbd45a.js";import{u as I}from"./useTranslations-fabdc438.js";export{C as CentralCarousel}from"./index-2df5dc18.js";export{S as Slider}from"./index-2464e13d.js";export{S as Switch}from"./index-bbbf3cd5.js";import"@mantine/dates";import"@mantine/carousel";import"@mantine/hooks";import"lodash/throttle";import"./translationsContext-7a01f76a.js";import"string-format";import"./index-d546bcf3.js";const _=e=>{var{styles:t}=e,a=c(e,["styles"]);return d.createElement(u,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({indicator:{backgroundColor:L.colors.red700},processing:{animationDirection:"alternate"}},t)},a))},F=e=>d.createElement(a,Object.assign({minRows:2,maxRows:4},e)),G=e=>{var{color:t=L.colors.primaryBase,styles:a}=e,s=c(e,["color","styles"]);return d.createElement(g,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},a)},s))},J=e=>{var{children:t,line:a,lineHeight:s,trackingAttributes:r,maxHeight:o,customExpandFn:i}=e,n=c(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:l}=I(),m=b((()=>o||(a&&s?a*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const p=b((()=>r?{"data-event-category":r.dataEventCategory,"data-event-action":r.dataEventAction,"data-event-label":r.dataEventLabel}:{}),[r]);return d.createElement(j,Object.assign({showLabel:d.createElement(D,Object.assign({size:"p3",color:L.colors.primaryBase},p,{onClick:i}),l("articlePage.readMore")),hideLabel:d.createElement(D,Object.assign({size:"p3",color:L.colors.primaryBase},p),l("articlePage.showLess"))},n,{maxHeight:m}),t)},U=e=>d.createElement(h,Object.assign({loaderProps:{color:L.colors.primaryBase}},e)),V=e=>{var{children:t,locale:a,template:s="hb"}=e,r=c(e,["children","locale","template"]);return o(a),d.createElement(H,Object.assign({theme:i(a,s)},r),t)};var Y="MON6sfi",Z="pS-tJD7",K="s3tJ9-5",Q="fNsZr1b",W="uuxV74v",X="YohjTDU";function $(e){const{icon:t,title:a,description:s,button:r,buttonProps:o,style:i,className:n}=e,l=o||{},{size:m="lg",variant:p="outline"}=l,b=c(l,["size","variant"]),u=t;return d.createElement("div",{className:P("result",Y,n),style:i},u&&d.createElement("div",{className:P("resultIconContainer",Z)},d.createElement(u,{className:P("resultIcon",K)})),d.createElement(T,{order:3,size:"h3",className:P("resultTitle",Q)},a),d.createElement(N,{className:P("resultDescription",W)},s),r&&d.createElement(k,Object.assign({},b,{size:m,variant:p,className:P("resultButton",X,b.className)}),r))}export{G as Badge,_ as Indicator,U as LoadingOverlay,V as MantineProvider,$ as Result,J as Spoiler,F as TextArea};

package/build/esm/misc.js

@@ -1 +1 @@
-export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-6c3acc4e.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-5f13e160.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-c46968fa.js";import"react";import"styled-components";export{M as MBTheme,t as theme}from"./theme-8092bebb.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-809460f8.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-abf64a33.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-48b374c2.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-7e502d5d.js";export{g as getSocialList}from"./getSocialList-433bd576.js";import"dayjs";import"lodash/throttle";import"./index-45e02ffe.js";import"./Onboarding-410bca6e.js";import"./isProduction-3bbff3e5.js";import"./tslib.es6-a5906226.js";import"./core-bd8b0ff6.js";import"./normalizeLink-ee9f5aed.js";import"./gAssets.js";
+export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-e44c20ad.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-8f1af82f.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-9cb1a549.js";import"react";import"styled-components";export{M as MBTheme,t as theme}from"./theme-2539c09e.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-25d49723.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-25a2aeaa.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-e03774c4.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-a9e016d9.js";export{g as getSocialList}from"./getSocialList-18d2ce89.js";import"dayjs";import"lodash/throttle";import"./index-1d96cdc4.js";import"./Onboarding-bd1a7bd1.js";import"./isProduction-8c27d088.js";import"./tslib.es6-1da22bc6.js";import"./core-3040b840.js";import"./normalizeLink-7479b3c0.js";import"./gAssets.js";

package/build/esm/navigation.js

@@ -1 +1 @@
-import"./tslib.es6-a5906226.js";import"react";import"./core-bd8b0ff6.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-92bac2b0.js";import"./index-45e02ffe.js";import"./normalizeLink-ee9f5aed.js";import"./routing-abf64a33.js";import"./dataTransform-ddcc135a.js";import"./index.styled-1754218c.js";import"./isProduction-3bbff3e5.js";import"./gAssets.js";import"./Onboarding-410bca6e.js";import"./useUniqueId-7c47b697.js";import"./index-80a47cb4.js";import"./index-b5ce92b8.js";import"./index-d4e96b84.js";import"./utils-48b374c2.js";import"styled-components";import"./useTranslations-0d2d40e5.js";import"./translationsContext-545116a5.js";import"string-format";import"lodash/throttle";import"./index.styled-a9b4ebf2.js";import"./theme-8092bebb.js";import"./index-1db675d4.js";import"dayjs";import"./screenSizeContext-5f13e160.js";import"@mantine/core";import"./index-7328d312.js";import"./cookieHelper-c46968fa.js";import"./index.styled-aaeafdd2.js";import"./index-60335924.js";import"./index-a786c18f.js";import"@mantine/dates";import"@mantine/carousel";import"@mantine/hooks";import"./index-cafcb749.js";import"./constants-d8837482.js";import"./index-b5f2f1e4.js";import"./useIsInit-f045cf20.js";import"lodash/debounce";import"slugify";import"dayjs/plugin/relativeTime";
+import"./tslib.es6-1da22bc6.js";import"react";import"./core-3040b840.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-1754be45.js";import"./index-1d96cdc4.js";import"./normalizeLink-7479b3c0.js";import"./routing-25a2aeaa.js";import"./dataTransform-a2922d76.js";import"./index.styled-5a2d7193.js";import"./isProduction-8c27d088.js";import"./gAssets.js";import"./Onboarding-bd1a7bd1.js";import"./useUniqueId-695efec3.js";import"./index-71dbd45a.js";import"./index-7e93155a.js";import"./index-809ffe8c.js";import"./utils-e03774c4.js";import"styled-components";import"./useTranslations-fabdc438.js";import"./translationsContext-7a01f76a.js";import"string-format";import"lodash/throttle";import"./index.styled-cdfccba3.js";import"./theme-2539c09e.js";import"./index-8d1b1fc5.js";import"dayjs";import"./screenSizeContext-8f1af82f.js";import"@mantine/core";import"./index-d546bcf3.js";import"./cookieHelper-9cb1a549.js";import"./index.styled-82c77ac1.js";import"./index-0edab74f.js";import"./index-76a43dfc.js";import"@mantine/dates";import"@mantine/carousel";import"@mantine/hooks";import"./index-2df5dc18.js";import"./constants-6d3d337d.js";import"./index-720f16d5.js";import"./useIsInit-144430e2.js";import"lodash/debounce";import"slugify";import"dayjs/plugin/relativeTime";

package/build/esm/onboarding.js

@@ -1 +1 @@
-import{a as e,_ as o}from"./tslib.es6-a5906226.js";import t,{useContext as n,useState as r,useRef as i,useEffect as a,useMemo as s,useCallback as l}from"react";import{Input as m,Title as c}from"@mantine/core";import{useInterval as d,useCounter as p}from"@mantine/hooks";import"./index.styled-a9b4ebf2.js";import{B as b}from"./index-7328d312.js";import"./gAssets.js";import"./index-1db675d4.js";import"./index-d4e96b84.js";import"./utils-48b374c2.js";import{t as u}from"./theme-8092bebb.js";import"./index.styled-aaeafdd2.js";import{u as f}from"./useTranslations-0d2d40e5.js";import"./index-60335924.js";import{f as E}from"./index-a786c18f.js";import"dayjs";import"./screenSizeContext-5f13e160.js";import"styled-components";import{L as y}from"./index-45e02ffe.js";import"./isProduction-3bbff3e5.js";import{O as h}from"./Onboarding-410bca6e.js";export{O as OnboardingStep}from"./Onboarding-410bca6e.js";import"./index-cafcb749.js";import{O as v,u as S,o as j,S as C,h as k,F as P,D as x,a as w,b as B,c as L,d as T,e as F,f as z,g as D,i as I,j as N,k as R,l as _}from"./utils-1659c1d0.js";export{M as MAPPED_LOCALE,g as OnboardingForm}from"./utils-1659c1d0.js";import"lodash/debounce";import{yupResolver as A}from"@mantine/form";import V from"lodash/throttle";import{T as $}from"./index-80a47cb4.js";import{format as H}from"date-fns";import"./translationsContext-545116a5.js";import"string-format";import"@mantine/dates";import"@mantine/carousel";import"./Visible-c1bbd276.js";import"yup";const U=({onSubmit:o,phone:l,email:m,onResendCode:c,otpError:g,onClose:E,loading:y,onBack:h,canSkip:O,outOfEdit:w})=>{const{siteType:B,isMarryBaby:L}=n(v),[T,M]=r(30),F=d((()=>M((e=>e-1))),1e3),[z,D]=p(0,{min:0,max:3}),I=i(!0),{t:N}=f();a((()=>(F.start(),F.stop)),[]),a((()=>{0===T&&(F.stop(),I.current=!1)}),[T]);const R=S({initialValues:{otp:""},validate:A(j(N))});a((()=>{g&&R.setFieldError("otp",g)}),[g]);const _=s((()=>V((()=>{I.current||(D.increment(),M(30),null==c||c(l||m),F.start(),I.current=!0)}),1e3,{trailing:!1})),[l,m,c,F]);return t.createElement(C,{heading:N("onboarding.otpForm.heading"),description:t.createElement(t.Fragment,null,t.createElement("span",{dangerouslySetInnerHTML:{__html:l?N("onboarding.otpForm.description",{phone:`<b style="color:${u.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):N("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${u.colors.gray800}">${k(m)}</b>`})}}),!w&&t.createElement("svg",{onClick:()=>{null==h||h()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},t.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},t.createElement(P,{form:R},t.createElement("form",{onSubmit:R.onSubmit((t=>e(void 0,void 0,void 0,(function*(){D.increment(),o(t.otp)}))),(e=>{console.log(e)}))},t.createElement(x,{inputOrder:["otp"]}),t.createElement("div",{className:"resend"},t.createElement($,{size:"p4",color:u.colors.gray400},N("onboarding.otpForm.notReceiveOTP")),t.createElement($,{as:"a",size:"p4",color:L?u.mbColors.pink:u.colors.primaryBase,onClick:_},N("onboarding.otpForm.resendCode",{seconds:T}))),t.createElement(b,{theme:B,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"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"},N("onboarding.button.continue")),O&&z>=3&&t.createElement(b,{theme:B,color:"ghost",isBlock:!0,size:"lg",onClick:E,type:"button"},N("onboarding.button.skip")))))},Z=({onClose:e,onSubmit:o,canSkip:r,loading:i,errorMessage:s,initialData:l})=>{const{t:m,locale:c}=f(),{siteType:d,isMarryBaby:p}=n(v),u=S({validate:A(w(m))});return a((()=>{u.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),a((()=>{s&&u.setFieldError("email",s)}),[s]),t.createElement(B,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description",{site:p?"Marry Baby":y[c].SITE_NAME_FORMATTED})},t.createElement(P,{form:u},t.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&H(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},t.createElement(x,{inputOrder:["full_name","email","dob","gender"]}),t.createElement(b,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:d,isLoading:i,disabled:i},m("onboarding.button.continue")),r&&t.createElement(b,{theme:d,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip")))))},q=({onClose:e,onSubmit:o,canSkip:n,errorMessage:r,loading:i})=>{const{t:a}=f(),s=S({initialValues:{password:"",confirmPassword:""},validate:A(L(a))});return t.createElement(B,{heading:a("onboarding.updatePassword.heading"),description:a("onboarding.updatePassword.description")},t.createElement(P,{form:s},t.createElement("form",{className:"form",onSubmit:s.onSubmit((e=>o((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},t.createElement(x,{inputOrder:["password","confirm_password"]}),t.createElement(b,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:i,disabled:i},a("onboarding.button.continue")),n&&t.createElement(b,{color:"ghost",isBlock:!0,size:"lg",onClick:e},a("onboarding.button.skip")),r&&t.createElement(m.Error,{className:"form-error"},r))))},G=n=>{var{banner:i,canSkip:a,createPassError:s,createPassLoading:m,customFormTexts:d,emailLoading:g,flow:y=[h.Phone,h.OTP],initialData:S,onClose:j,onCreatePassByEmail:C,onOtpSubmit:k,onPersonalInfoSubmit:O,onPhoneSubmit:P,onResendCode:x,otpError:w,otpLoading:L,personalInfoError:M,resultScreenProps:A,siteType:V,step:$}=n,H=o(n,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step"]);const{t:G}=f(),[J,K]=r($||y[0]),[Q,W]=r(""),[X,Y]=r(""),[ee,oe]=p(0,{min:0,max:2}),te=l((()=>{const e=y.indexOf(J)+1;e<=y.length-1&&K(y[e])}),[J]),ne=l((()=>{const e=y.indexOf(J)-1;e>=0&&K(y[e])}),[J]),re=o=>e(void 0,void 0,void 0,(function*(){try{!(yield k(o))&&te()}catch(e){console.error(e)}})),ie=()=>{ee>=2||(oe.increment(),ne())},ae="marryBaby"===V;return t.createElement(v.Provider,{value:{siteType:V,isMarryBaby:ae}},t.createElement(T,Object.assign({},H),y.length>0?t.createElement(F,null,t.createElement(z,{"data-has-banner":"object"==typeof i},J===h.Phone&&t.createElement(D,{onClose:j,canSkip:a,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{W(o),yield null==P?void 0:P(o),te()}catch(e){console.error(e)}})),customFormTexts:d.onboarding}),J===h.OTP&&t.createElement(U,{onClose:j,onSubmit:re,phone:Q,onResendCode:x,otpError:w,loading:L,canSkip:a,onBack:ie,outOfEdit:ee>=2}),J===h.OTPEmail&&t.createElement(U,{onClose:j,onSubmit:re,onResendCode:x,otpError:w,loading:L,canSkip:a,onBack:ie,outOfEdit:ee>=2,email:X}),J===h.PersonalInfo&&t.createElement(Z,{initialData:null==S?void 0:S[h.PersonalInfo],onClose:j,canSkip:a,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{Y((null==o?void 0:o.email)||"");!(yield null==O?void 0:O(o))&&te()}catch(e){console.error(e)}})),errorMessage:M,loading:g}),J===h.UpdatePassword&&t.createElement(q,{onClose:j,canSkip:a,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{yield null==C?void 0:C(o),!s&&te()}catch(e){console.error(e)}})),errorMessage:s,loading:m}),J===h.Result&&t.createElement(B,Object.assign({},A),t.createElement(b,{theme:V,size:"lg",onClick:j,className:"form-button"},G("onboarding.button.continue")))),"object"==typeof i&&t.createElement(I,null,t.createElement(N,{"data-is-marry-baby":ae},t.createElement(R,null,(null==i?void 0:i.heading)&&t.createElement(c,{order:1,mb:24},null==i?void 0:i.heading),(null==i?void 0:i.description)&&t.createElement(E,{size:"p1",color:u.colors.gray800},G("onboarding.welcomeScreen.content"))),(null==i?void 0:i.imgSrc)&&t.createElement("div",null,t.createElement(_,{src:null==i?void 0:i.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{G as OnboardingModal,U as OtpForm};
+import{a as e,_ as o}from"./tslib.es6-1da22bc6.js";import t,{useContext as n,useState as r,useRef as i,useEffect as a,useMemo as s,useCallback as l}from"react";import{Input as c,Title as m}from"@mantine/core";import{useInterval as d,useCounter as p}from"@mantine/hooks";import"./index.styled-cdfccba3.js";import{B as b}from"./index-d546bcf3.js";import"./gAssets.js";import"./index-8d1b1fc5.js";import"./index-809ffe8c.js";import"./utils-e03774c4.js";import{t as u}from"./theme-2539c09e.js";import"./index.styled-82c77ac1.js";import{u as f}from"./useTranslations-fabdc438.js";import"./index-0edab74f.js";import{f as E}from"./index-76a43dfc.js";import"dayjs";import"./screenSizeContext-8f1af82f.js";import"styled-components";import{L as y}from"./index-1d96cdc4.js";import"./isProduction-8c27d088.js";import{O as h}from"./Onboarding-bd1a7bd1.js";export{O as OnboardingStep}from"./Onboarding-bd1a7bd1.js";import"./index-2df5dc18.js";import{O as v,u as S,o as j,S as C,h as k,F as P,D as x,a as w,b as B,c as L,d as T,e as F,f as z,g as D,i as I,j as N,k as R,l as _}from"./utils-9e31577e.js";export{M as MAPPED_LOCALE,g as OnboardingForm}from"./utils-9e31577e.js";import"lodash/debounce";import{yupResolver as A}from"@mantine/form";import V from"lodash/throttle";import{T as $}from"./index-71dbd45a.js";import{format as H}from"date-fns";import"./translationsContext-7a01f76a.js";import"string-format";import"@mantine/dates";import"@mantine/carousel";import"./Visible-a523a104.js";import"yup";const U=({onSubmit:o,phone:l,email:c,onResendCode:m,otpError:g,onClose:E,loading:y,onBack:h,canSkip:O,outOfEdit:w})=>{const{siteType:B,isMarryBaby:L}=n(v),[T,M]=r(30),F=d((()=>M((e=>e-1))),1e3),[z,D]=p(0,{min:0,max:3}),I=i(!0),{t:N}=f();a((()=>(F.start(),F.stop)),[]),a((()=>{0===T&&(F.stop(),I.current=!1)}),[T]);const R=S({initialValues:{otp:""},validate:A(j(N))});a((()=>{g&&R.setFieldError("otp",g)}),[g]);const _=s((()=>V((()=>{I.current||(D.increment(),M(30),null==m||m(l||c),F.start(),I.current=!0)}),1e3,{trailing:!1})),[l,c,m,F]);return t.createElement(C,{heading:N("onboarding.otpForm.heading"),description:t.createElement(t.Fragment,null,t.createElement("span",{dangerouslySetInnerHTML:{__html:l?N("onboarding.otpForm.description",{phone:`<b style="color:${u.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):N("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${u.colors.gray800}">${k(c)}</b>`})}}),!w&&t.createElement("svg",{onClick:()=>{null==h||h()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},t.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},t.createElement(P,{form:R},t.createElement("form",{onSubmit:R.onSubmit((t=>e(void 0,void 0,void 0,(function*(){D.increment(),o(t.otp)}))),(e=>{console.log(e)}))},t.createElement(x,{inputOrder:["otp"]}),t.createElement("div",{className:"resend"},t.createElement($,{size:"p4",color:u.colors.gray400},N("onboarding.otpForm.notReceiveOTP")),t.createElement($,{as:"a",size:"p4",color:L?u.mbColors.pink:u.colors.primaryBase,onClick:_},N("onboarding.otpForm.resendCode",{seconds:T}))),t.createElement(b,{theme:B,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"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"},N("onboarding.button.continue")),O&&z>=3&&t.createElement(b,{theme:B,color:"ghost",isBlock:!0,size:"lg",onClick:E,type:"button"},N("onboarding.button.skip")))))},Z=({onClose:e,onSubmit:o,canSkip:r,loading:i,errorMessage:s,initialData:l})=>{const{t:c,locale:m}=f(),{siteType:d,isMarryBaby:p}=n(v),u=S({validate:A(w(c))});return a((()=>{u.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),a((()=>{s&&u.setFieldError("email",s)}),[s]),t.createElement(B,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:p?"Marry Baby":y[m].SITE_NAME_FORMATTED})},t.createElement(P,{form:u},t.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&H(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},t.createElement(x,{inputOrder:["full_name","email","dob","gender"]}),t.createElement(b,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:d,isLoading:i,disabled:i},c("onboarding.button.continue")),r&&t.createElement(b,{theme:d,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},q=({onClose:e,onSubmit:o,canSkip:n,errorMessage:r,loading:i})=>{const{t:a}=f(),s=S({initialValues:{password:"",confirmPassword:""},validate:A(L(a))});return t.createElement(B,{heading:a("onboarding.updatePassword.heading"),description:a("onboarding.updatePassword.description")},t.createElement(P,{form:s},t.createElement("form",{className:"form",onSubmit:s.onSubmit((e=>o((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},t.createElement(x,{inputOrder:["password","confirm_password"]}),t.createElement(b,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:i,disabled:i},a("onboarding.button.continue")),n&&t.createElement(b,{color:"ghost",isBlock:!0,size:"lg",onClick:e},a("onboarding.button.skip")),r&&t.createElement(c.Error,{className:"form-error"},r))))},G=n=>{var{banner:i,canSkip:a,createPassError:s,createPassLoading:c,customFormTexts:d,emailLoading:g,flow:y=[h.Phone,h.OTP],initialData:S,onClose:j,onCreatePassByEmail:C,onOtpSubmit:k,onPersonalInfoSubmit:O,onPhoneSubmit:P,onResendCode:x,otpError:w,otpLoading:L,personalInfoError:M,resultScreenProps:A,siteType:V,step:$}=n,H=o(n,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step"]);const{t:G}=f(),[J,K]=r($||y[0]),[Q,W]=r(""),[X,Y]=r(""),[ee,oe]=p(0,{min:0,max:2}),te=l((()=>{const e=y.indexOf(J)+1;e<=y.length-1&&K(y[e])}),[J]),ne=l((()=>{const e=y.indexOf(J)-1;e>=0&&K(y[e])}),[J]),re=o=>e(void 0,void 0,void 0,(function*(){try{!(yield k(o))&&te()}catch(e){console.error(e)}})),ie=()=>{ee>=2||(oe.increment(),ne())},ae="marryBaby"===V;return t.createElement(v.Provider,{value:{siteType:V,isMarryBaby:ae}},t.createElement(T,Object.assign({},H),y.length>0?t.createElement(F,null,t.createElement(z,{"data-has-banner":"object"==typeof i},J===h.Phone&&t.createElement(D,{onClose:j,canSkip:a,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{W(o),yield null==P?void 0:P(o),te()}catch(e){console.error(e)}})),customFormTexts:d.onboarding}),J===h.OTP&&t.createElement(U,{onClose:j,onSubmit:re,phone:Q,onResendCode:x,otpError:w,loading:L,canSkip:a,onBack:ie,outOfEdit:ee>=2}),J===h.OTPEmail&&t.createElement(U,{onClose:j,onSubmit:re,onResendCode:x,otpError:w,loading:L,canSkip:a,onBack:ie,outOfEdit:ee>=2,email:X}),J===h.PersonalInfo&&t.createElement(Z,{initialData:null==S?void 0:S[h.PersonalInfo],onClose:j,canSkip:a,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{Y((null==o?void 0:o.email)||"");!(yield null==O?void 0:O(o))&&te()}catch(e){console.error(e)}})),errorMessage:M,loading:g}),J===h.UpdatePassword&&t.createElement(q,{onClose:j,canSkip:a,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{yield null==C?void 0:C(o),!s&&te()}catch(e){console.error(e)}})),errorMessage:s,loading:c}),J===h.Result&&t.createElement(B,Object.assign({},A),t.createElement(b,{theme:V,size:"lg",onClick:j,className:"form-button"},G("onboarding.button.continue")))),"object"==typeof i&&t.createElement(I,null,t.createElement(N,{"data-is-marry-baby":ae},t.createElement(R,null,(null==i?void 0:i.heading)&&t.createElement(m,{order:1,mb:24},null==i?void 0:i.heading),(null==i?void 0:i.description)&&t.createElement(E,{size:"p1",color:u.colors.gray800},G("onboarding.welcomeScreen.content"))),(null==i?void 0:i.imgSrc)&&t.createElement("div",null,t.createElement(_,{src:null==i?void 0:i.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{G as OnboardingModal,U as OtpForm};

package/build/esm/pwg.js

@@ -1,4 +1,4 @@
-import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as o}from"./index-e338c8b2.js";import{T as n}from"./index-80a47cb4.js";import{P as i}from"./index-a71a2cb1.js";import{u as s}from"./useTranslations-0d2d40e5.js";import{t as c}from"./theme-8092bebb.js";import{ResponsiveContainer as m,AreaChart as d,CartesianGrid as p,Tooltip as g,XAxis as y,YAxis as u,Area as b,ReferenceDot as h}from"recharts";import{C as x}from"./index-60335924.js";import{a as f}from"./useOutsideClick-99282a79.js";import E from"styled-components";import{_ as k}from"./tslib.es6-a5906226.js";import"./index.styled-aaeafdd2.js";import"./Onboarding-410bca6e.js";import"./index.styled-3633c469.js";import"./gAssets.js";import"./index-45e02ffe.js";import"./isProduction-3bbff3e5.js";import"./index-cafcb749.js";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";import"./translationsContext-545116a5.js";import"string-format";const w=t=>{const{x:r,y:a,payload:l,activeWeek:o}=t;return o===l.value?e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("circle",{r:12,fill:"marryBaby"===t.siteType?c.mbColors.pink:c.colors.primaryBase}),e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},l.value)):e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},l.value))},v=E.div`
+import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as o}from"./index-087a5d34.js";import{T as n}from"./index-71dbd45a.js";import{P as i}from"./index-483f97f1.js";import{u as c}from"./useTranslations-fabdc438.js";import{t as s}from"./theme-2539c09e.js";import{ResponsiveContainer as m,AreaChart as d,CartesianGrid as p,Tooltip as g,XAxis as y,YAxis as u,Area as b,ReferenceDot as h}from"recharts";import{C as f}from"./index-0edab74f.js";import{a as x}from"./useOutsideClick-c9a9fb3c.js";import E from"styled-components";import{_ as k}from"./tslib.es6-1da22bc6.js";import"./index.styled-82c77ac1.js";import"./Onboarding-bd1a7bd1.js";import"./index.styled-7910017e.js";import"./gAssets.js";import"./index-1d96cdc4.js";import"./isProduction-8c27d088.js";import"./index-2df5dc18.js";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";import"./translationsContext-7a01f76a.js";import"string-format";const w=t=>{const{x:r,y:a,payload:l,activeWeek:o}=t;return o===l.value?e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("circle",{r:12,fill:"marryBaby"===t.siteType?s.mbColors.pink:s.colors.primaryBase}),e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:s.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},l.value)):e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:s.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},l.value))},v=E.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;
@@ -18,7 +18,7 @@ import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as
     display: flex;
     align-items: center;
     padding: 4px 8px;
-    background: ${c.colors.yellow600};
+    background: ${s.colors.yellow600};
     border-radius: 3px;
   } */
   & > * {
@@ -55,14 +55,14 @@ import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as
     align-items: center;
     gap: 4px;
   }
-`,T=[{name:"overweight",backgroundColor:c.colors.yellow50,color:c.colors.yellow900},{name:"underweight",backgroundColor:c.colors.yellow50,color:c.colors.yellow900},{name:"healthy",backgroundColor:c.colors.green50,color:c.colors.green900}],B=r=>{var a,l,o,i,s;const{payload:m,active:d}=r,p=null===(a=null==m?void 0:m[0])||void 0===a?void 0:a.payload;if(!p||!p.toolTipLabel||!d)return null;const{backgroundColor:g,color:y}=t((()=>T.find((e=>e.name===p.status))),[null==p?void 0:p.status]);return e.createElement(v,null,e.createElement("div",null,null===(l=p.toolTipLabel)||void 0===l?void 0:l[0]," ",null===(o=p.toolTipLabel)||void 0===o?void 0:o[1]),e.createElement("div",null,(null===(i=p.toolTipLabel)||void 0===i?void 0:i[2])&&e.createElement(n,{as:"span",size:"s3",color:c.colors.gray800,type:"semiBold"},null===(s=p.toolTipLabel)||void 0===s?void 0:s[2]),e.createElement("div",{className:"risk",style:{backgroundColor:g}},e.createElement(n,{size:"n1",color:y},p.translatedStatus))))},W=({weightByWeek:e,weightBefore:t,toolTipLabel:r,status:a,activeWeek:l,t:o})=>{const n=o(`bmi.result.${a}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===l?{toolTipLabel:r,translatedStatus:n,status:a}:{})))},z=({weightBefore:o,weightByWeek:i,activeWeek:E,currentWeight:k,toolTipLabel:v=[],status:C,withLine:T=!1,siteType:z})=>{const{t:L}=s(),S="marryBaby"===z,O=t((()=>W({weightByWeek:i,weightBefore:o,toolTipLabel:v,status:C,activeWeek:E,t:L})),[i,o,v,C,E]),[F,I]=r(!1),M=a(null);return f(M,(()=>I(!1))),e.createElement(j,null,S?e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark}," ",L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")):e.createElement(n,{size:"n1",color:c.colors.gray500},L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")),Array.isArray(O)&&O.length>0&&e.createElement(j,null,e.createElement(m,{height:388,className:"chart"},e.createElement(d,{data:O,margin:{top:16,right:0,left:0}},e.createElement(p,{stroke:c.colors.neutral100}),e.createElement(g,{trigger:"click",content:t=>e.createElement(B,Object.assign({active:!T&&F&&void 0!==E&&void 0!==k},t))}),e.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:t=>e.createElement(w,Object.assign({},t,{activeWeek:E,siteType:z})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),e.createElement(u,{domain:[e=>Math.max(e,o-10||e),e=>Math.max(e,o+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:c.colors.gray600}}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:S?c.mbColors.tonePink:c.colors.primary100}),void 0!==E&&void 0!==k&&e.createElement(h,{onClick:()=>I(!0),x:0===E?1:E,y:k,r:4,shape:e.createElement(x,{ref:M,r:4}),fill:S?c.mbColors.pink:c.colors.primaryBase,stroke:S?c.mbColors.pink:c.colors.primaryBase}))),e.createElement("div",{className:"custom-chart-label"},e.createElement("i",null),S?e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark},L("pregnancy.week")):e.createElement(n,{size:"n1",color:c.colors.gray500},L("pregnancy.week")))))},L=t=>{var{color:r}=t,a=k(t,["color"]);return e.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),e.createElement("circle",{cx:"4",cy:"4",r:"4",fill:r||c.colors.primaryBase}))},S=({idealWeight:t,siteType:r})=>{const{t:a}=s(),o="marryBaby"===r;return e.createElement(C,null,e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:c.mbColors.lightPink}),e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark},a("pregnancyTool.weightSuggested")," ",e.createElement(n,{size:"n1",color:c.colors.gray800,type:"bold",as:"span"},t))):e.createElement(e.Fragment,null,e.createElement(L,{color:c.colors.primary100}),e.createElement(n,{size:"n1",color:c.colors.gray600},e.createElement(n,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),e.createElement(n,{size:"n1",color:c.colors.gray800,type:"bold",as:"span"},t)))),e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:c.mbColors.pink}),e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark},a("pwg.placeholder.weight"))):e.createElement(e.Fragment,null,e.createElement(L,null),e.createElement(n,{size:"n1",color:c.colors.gray600},a("pwg.placeholder.weight")))))},O=E.div`
+`,T=[{name:"overweight",backgroundColor:s.colors.yellow50,color:s.colors.yellow900},{name:"underweight",backgroundColor:s.colors.yellow50,color:s.colors.yellow900},{name:"healthy",backgroundColor:s.colors.green50,color:s.colors.green900}],B=r=>{var a,l,o,i,c;const{payload:m,active:d}=r,p=null===(a=null==m?void 0:m[0])||void 0===a?void 0:a.payload;if(!p||!p.toolTipLabel||!d)return null;const{backgroundColor:g,color:y}=t((()=>T.find((e=>e.name===p.status))),[null==p?void 0:p.status]);return e.createElement(v,null,e.createElement("div",null,null===(l=p.toolTipLabel)||void 0===l?void 0:l[0]," ",null===(o=p.toolTipLabel)||void 0===o?void 0:o[1]),e.createElement("div",null,(null===(i=p.toolTipLabel)||void 0===i?void 0:i[2])&&e.createElement(n,{as:"span",size:"s3",color:s.colors.gray800,type:"semiBold"},null===(c=p.toolTipLabel)||void 0===c?void 0:c[2]),e.createElement("div",{className:"risk",style:{backgroundColor:g}},e.createElement(n,{size:"n1",color:y},p.translatedStatus))))},W=({weightByWeek:e,weightBefore:t,toolTipLabel:r,status:a,activeWeek:l,t:o})=>{const n=o(`bmi.result.${a}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===l?{toolTipLabel:r,translatedStatus:n,status:a}:{})))},z=({weightBefore:o,weightByWeek:i,activeWeek:E,currentWeight:k,toolTipLabel:v=[],status:C,withLine:T=!1,siteType:z})=>{const{t:L}=c(),S="marryBaby"===z,O=t((()=>W({weightByWeek:i,weightBefore:o,toolTipLabel:v,status:C,activeWeek:E,t:L})),[i,o,v,C,E]),[F,I]=r(!1),M=a(null);return x(M,(()=>I(!1))),e.createElement(j,null,S?e.createElement(l,{type:"bodytext-3",color:s.mbColors.dark}," ",L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")):e.createElement(n,{size:"n1",color:s.colors.gray500},L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")),Array.isArray(O)&&O.length>0&&e.createElement(j,null,e.createElement(m,{height:388,className:"chart"},e.createElement(d,{data:O,margin:{top:16,right:0,left:0}},e.createElement(p,{stroke:s.colors.neutral100}),e.createElement(g,{trigger:"click",content:t=>e.createElement(B,Object.assign({active:!T&&F&&void 0!==E&&void 0!==k},t))}),e.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:t=>e.createElement(w,Object.assign({},t,{activeWeek:E,siteType:z})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),e.createElement(u,{domain:[e=>Math.max(e,o-10||e),e=>Math.max(e,o+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:s.colors.gray600}}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:S?s.mbColors.tonePink:s.colors.primary100}),void 0!==E&&void 0!==k&&e.createElement(h,{onClick:()=>I(!0),x:0===E?1:E,y:k,r:4,shape:e.createElement(f,{ref:M,r:4}),fill:S?s.mbColors.pink:s.colors.primaryBase,stroke:S?s.mbColors.pink:s.colors.primaryBase}))),e.createElement("div",{className:"custom-chart-label"},e.createElement("i",null),S?e.createElement(l,{type:"bodytext-3",color:s.mbColors.dark},L("pregnancy.week")):e.createElement(n,{size:"n1",color:s.colors.gray500},L("pregnancy.week")))))},L=t=>{var{color:r}=t,a=k(t,["color"]);return e.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),e.createElement("circle",{cx:"4",cy:"4",r:"4",fill:r||s.colors.primaryBase}))},S=({idealWeight:t,siteType:r})=>{const{t:a}=c(),o="marryBaby"===r;return e.createElement(C,null,e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:s.mbColors.lightPink}),e.createElement(l,{type:"bodytext-3",color:s.mbColors.dark},a("pregnancyTool.weightSuggested")," ",e.createElement(n,{size:"n1",color:s.colors.gray800,type:"bold",as:"span"},t))):e.createElement(e.Fragment,null,e.createElement(L,{color:s.colors.primary100}),e.createElement(n,{size:"n1",color:s.colors.gray600},e.createElement(n,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),e.createElement(n,{size:"n1",color:s.colors.gray800,type:"bold",as:"span"},t)))),e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:s.mbColors.pink}),e.createElement(l,{type:"bodytext-3",color:s.mbColors.dark},a("pwg.placeholder.weight"))):e.createElement(e.Fragment,null,e.createElement(L,null),e.createElement(n,{size:"n1",color:s.colors.gray600},a("pwg.placeholder.weight")))))},O=E.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 24px 16px;
   width: 100%;
   gap: 24px;
-  border: 1px solid ${c.colors.neutral100};
+  border: 1px solid ${s.colors.neutral100};
   border-radius: 8px;
   .chart-header {
     text-align: center;
@@ -70,4 +70,4 @@ import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as
   > div {
     width: 100%;
   }
-`,F=({chartProps:t,pillCarouselProps:r,idealWeight:a,description:l,siteType:m})=>{const{t:d}=s(),p="marryBaby"===m;return e.createElement(O,null,e.createElement("div",{className:"chart-header"},p?e.createElement(o,{type:"h3",color:c.mbColors.dark},d("pregnancyTool.weightSuggested")):e.createElement(n,{size:"s1",type:"semiBold",color:c.colors.gray800},d("pregnancyTool.weightSuggested")),l&&l),e.createElement(i,Object.assign({},r)),e.createElement("div",null,e.createElement(S,{idealWeight:a,siteType:m}),e.createElement(z,Object.assign({},t,{siteType:m}))))};export{F as PregnancyWeightGainChart};
+`,F=({chartProps:t,pillCarouselProps:r,idealWeight:a,description:l,siteType:m})=>{const{t:d}=c(),p="marryBaby"===m;return e.createElement(O,null,e.createElement("div",{className:"chart-header"},p?e.createElement(o,{type:"h3",color:s.mbColors.dark},d("pregnancyTool.weightSuggested")):e.createElement(n,{size:"s1",type:"semiBold",color:s.colors.gray800},d("pregnancyTool.weightSuggested")),l&&l),e.createElement(i,Object.assign({},r)),e.createElement("div",null,e.createElement(S,{idealWeight:a,siteType:m}),e.createElement(z,Object.assign({},t,{siteType:m}))))};export{F as PregnancyWeightGainChart};

package/build/esm/{routing-abf64a33.js → routing-25a2aeaa.js}

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

package/build/esm/{screenSizeContext-5f13e160.js → screenSizeContext-8f1af82f.js}

@@ -1,4 +1,4 @@
-import{keyframes as t}from"styled-components";import r,{createContext as i,useState as s,useEffect as a,useMemo as n}from"react";import e from"lodash/throttle";import{B as o}from"./utils-48b374c2.js";const d=t`
+import{keyframes as t}from"styled-components";import r,{createContext as i,useState as s,useEffect as a,useMemo as n}from"react";import e from"lodash/throttle";import{B as o}from"./utils-e03774c4.js";const d=t`
 from {
   transform: translate3d(0, 100%, 0);
   visibility: visible;

package/build/esm/together.js

@@ -1 +1 @@
-export{g as CardAuthor,C as CardLink,D as CardPost,E as CardPostPopoverMore,b as CardReactions,F as CardReply,G as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,H as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,z as ProfileDetail,y as ProfileDetailModal,q as ShareBox,S as SharePopup,B as SkipQuestionOfExpertBtn,x as SocialLinkPreview,J as SourceList,p as SubmitReportForm,A as TabNameInProfileDetail,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,V as VerifiedTag,u as useTogetherAuthRequiredAction}from"./types-a181fe3c.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,U as UserAvatar}from"./index.styled-1754218c.js";export{d as TogetherDataTransforms}from"./dataTransform-ddcc135a.js";import"./tslib.es6-a5906226.js";import"react";import"@mantine/core";import"./index.styled-a1743763.js";import"styled-components";import"./utils-48b374c2.js";import"./index-b5ce92b8.js";import"./gAssets.js";import"./index-45e02ffe.js";import"./Onboarding-410bca6e.js";import"./isProduction-3bbff3e5.js";import"./index-d4e96b84.js";import"./index-80a47cb4.js";import"./index-7328d312.js";import"./index.styled-a9b4ebf2.js";import"./theme-8092bebb.js";import"./index-1db675d4.js";import"dayjs";import"./screenSizeContext-5f13e160.js";import"lodash/throttle";import"./index-b5f2f1e4.js";import"./index-c8114775.js";import"./index-a786c18f.js";import"@mantine/dates";import"@mantine/carousel";import"@mantine/hooks";import"@hookform/resolvers/yup";import"react-hook-form";import"./index-bbbbc612.js";import"./useUniqueId-7c47b697.js";import"./index-95e135c6.js";import"./useTranslations-0d2d40e5.js";import"./translationsContext-545116a5.js";import"string-format";import"./index-e338c8b2.js";import"./index.styled-aaeafdd2.js";import"date-fns";import"./index-60335924.js";import"./index-cafcb749.js";import"./index-504087a4.js";import"./types-cd7cee7b.js";import"react-day-picker/DayPickerInput";import"innertext";import"./index-aa6e912d.js";import"./index-460660fb.js";import"lodash/debounce";import"react-contenteditable";import"./cookieHelper-c46968fa.js";import"react-dom";import"keen-slider/react";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-3633c469.js";import"dayjs/plugin/relativeTime";import"./index-1b01ecf4.js";import"./routing-abf64a33.js";import"slugify";
+export{g as CardAuthor,C as CardLink,D as CardPost,E as CardPostPopoverMore,b as CardReactions,F as CardReply,G as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,H as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,z as ProfileDetail,y as ProfileDetailModal,q as ShareBox,S as SharePopup,B as SkipQuestionOfExpertBtn,x as SocialLinkPreview,J as SourceList,p as SubmitReportForm,A as TabNameInProfileDetail,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,V as VerifiedTag,u as useTogetherAuthRequiredAction}from"./types-d1ca2802.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,U as UserAvatar}from"./index.styled-5a2d7193.js";export{d as TogetherDataTransforms}from"./dataTransform-a2922d76.js";import"./tslib.es6-1da22bc6.js";import"react";import"@mantine/core";import"./index.styled-518a785e.js";import"styled-components";import"./utils-e03774c4.js";import"./index-7e93155a.js";import"./gAssets.js";import"./index-1d96cdc4.js";import"./Onboarding-bd1a7bd1.js";import"./isProduction-8c27d088.js";import"./index-809ffe8c.js";import"./index-71dbd45a.js";import"./index-d546bcf3.js";import"./index.styled-cdfccba3.js";import"./theme-2539c09e.js";import"./index-8d1b1fc5.js";import"dayjs";import"./screenSizeContext-8f1af82f.js";import"lodash/throttle";import"./index-720f16d5.js";import"./index-6b223305.js";import"./index-76a43dfc.js";import"@mantine/dates";import"@mantine/carousel";import"@mantine/hooks";import"@hookform/resolvers/yup";import"react-hook-form";import"./index-45530f11.js";import"./useUniqueId-695efec3.js";import"./index-2ff2eedf.js";import"./useTranslations-fabdc438.js";import"./translationsContext-7a01f76a.js";import"string-format";import"./index-087a5d34.js";import"./index.styled-82c77ac1.js";import"date-fns";import"./index-0edab74f.js";import"./index-2df5dc18.js";import"./index-2464e13d.js";import"./types-2d838305.js";import"react-day-picker/DayPickerInput";import"innertext";import"./index-ea7083d1.js";import"./index-fa111f06.js";import"lodash/debounce";import"react-contenteditable";import"./cookieHelper-9cb1a549.js";import"react-dom";import"keen-slider/react";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-7910017e.js";import"dayjs/plugin/relativeTime";import"./index-5913b6a8.js";import"./routing-25a2aeaa.js";import"slugify";