@hhgtech/hhg-components 1.27.26 → 1.27.28

package/build/esm/onboarding.js

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

package/build/esm/onboardingV2.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-01f620c8.js";import n,{createContext as r,forwardRef as o,useContext as a,useImperativeHandle as i,useState as l,useRef as s,useEffect as m,useMemo as d,Fragment as c}from"react";import{Box as p,Input as u,Grid as g,Title as b,Container as h,Stack as E,AspectRatio as f}from"@mantine/core";import{createFormContext as L,yupResolver as v}from"@mantine/form";import{H as C}from"./index-160252d8.js";import"./gAssets.js";import"./index-e4a4ed0b.js";import{L as y}from"./index-2a018e5b.js";import{M as x,a as w}from"./utils-b2336bb5.js";import{t as S}from"./theme-de7535c2.js";import"./index.styled-91925a69.js";import{u as M}from"./useTranslations-62e1a4a6.js";import"./index-3f7d903d.js";import{useInterval as j,useCounter as P}from"@mantine/hooks";import"@mantine/dates";import{L as k}from"./index-f02da627.js";import{L as O}from"./Onboarding-47f0ed32.js";import{e as F,o as B,h as z,R as N,O as I,p as T,u as D,B as Z}from"./index-aa5a01c2.js";import"dayjs";import"./screenSizeContext-5d74b785.js";import A from"styled-components";import"./isProduction-aefac4c1.js";import"./index-7ca5216b.js";import"lodash/debounce";import*as _ from"yup";import{D as V}from"./index-1af47116.js";import{A as q}from"./index-4a21e929.js";import{V as H}from"./Visible-25232b43.js";import{createPortal as $}from"react-dom";import{B as U}from"./index-5d552272.js";import{b as Y}from"./index-b3248018.js";import R from"lodash/throttle";import{T as W}from"./index-b76dd880.js";import{format as G}from"date-fns";import"./translationsContext-cee296b2.js";import"string-format";import K from"react-keyed-flatten-children";import"./useUniqueId-9d98366e.js";import"date-fns/locale";import"@mantine/carousel";import"./index-49112b56.js";import"./utils-4aabd5e7.js";const J=e=>_.object().shape({phone:_.string().required(e("onboarding.updatePhone.error")).default(""),name:_.string().required(e("onboarding.errorMessage.requiredName")),email:_.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:_.mixed().required(e("onboarding.similac.address.error")),term:_.bool().oneOf([!0],e("onboarding.similac.term.error"))}),Q=r({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[X,ee,te]=L(),ne=A(p)`
+import{_ as e,a as t}from"./tslib.es6-2f773aeb.js";import n,{createContext as r,forwardRef as o,useContext as a,useImperativeHandle as i,useState as l,useRef as s,useEffect as m,useMemo as d,Fragment as c}from"react";import{Box as p,Input as u,Grid as g,Title as b,Container as h,Stack as E,AspectRatio as f}from"@mantine/core";import{createFormContext as L,yupResolver as v}from"@mantine/form";import{H as C}from"./index-313abbe7.js";import"./gAssets.js";import"./index-4d7073b2.js";import{L as y}from"./index-652e4433.js";import{M as x,a as w}from"./utils-934fc187.js";import{t as S}from"./theme-658bcd7b.js";import"./index.styled-743f922f.js";import{u as M}from"./useTranslations-27ed0471.js";import"./index-22d66f3a.js";import{useInterval as j,useCounter as P}from"@mantine/hooks";import"@mantine/dates";import{L as k}from"./index-523b1b14.js";import{L as O}from"./Onboarding-3a098961.js";import{e as F,o as B,h as z,R as N,O as I,p as T,u as D,B as Z}from"./index-f86c8643.js";import"dayjs";import"./screenSizeContext-daa144e8.js";import A from"styled-components";import"./isProduction-9fdedd97.js";import"./index-f963f3c7.js";import"lodash/debounce";import*as _ from"yup";import{D as V}from"./index-de62b22b.js";import{A as q}from"./index-80254186.js";import{V as H}from"./Visible-48f42ae6.js";import{createPortal as $}from"react-dom";import{B as U}from"./index-d54980b1.js";import{b as Y}from"./index-dc00bc5f.js";import R from"lodash/throttle";import{T as W}from"./index-4962ee5f.js";import{format as G}from"date-fns";import"./translationsContext-4e922048.js";import"string-format";import K from"react-keyed-flatten-children";import"./useUniqueId-36e2cd8f.js";import"date-fns/locale";import"@mantine/carousel";import"./index-2ae479cb.js";import"./utils-f6a98198.js";const J=e=>_.object().shape({phone:_.string().required(e("onboarding.updatePhone.error")).default(""),name:_.string().required(e("onboarding.errorMessage.requiredName")),email:_.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:_.mixed().required(e("onboarding.similac.address.error")),term:_.bool().oneOf([!0],e("onboarding.similac.term.error"))}),Q=r({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[X,ee,te]=L(),ne=A(p)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;

package/build/esm/pwg.js

@@ -1,4 +1,4 @@
-import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as o}from"./index-e68fec6b.js";import{T as n}from"./index-b76dd880.js";import{P as i}from"./index-5cffade4.js";import{u as c}from"./useTranslations-62e1a4a6.js";import{t as s}from"./theme-de7535c2.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 f}from"recharts";import{C as h}from"./index-3f7d903d.js";import{a as x}from"./useOutsideClick-fdb78365.js";import E from"styled-components";import{_ as k}from"./tslib.es6-01f620c8.js";import"./index.styled-91925a69.js";import"./Onboarding-47f0ed32.js";import"./index.styled-874c6052.js";import"./gAssets.js";import"./index-f02da627.js";import"date-fns/locale";import"./isProduction-aefac4c1.js";import"./index-7ca5216b.js";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";import"./translationsContext-cee296b2.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`
+import e,{useMemo as t,useState as r,useRef as l}from"react";import{M as a,a as o}from"./index-3a275e6e.js";import{T as n}from"./index-4962ee5f.js";import{P as i}from"./index-721531e5.js";import{u as s}from"./useTranslations-27ed0471.js";import{t as c}from"./theme-658bcd7b.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 f}from"recharts";import{C as h}from"./index-22d66f3a.js";import{a as x}from"./useOutsideClick-480b6515.js";import E from"styled-components";import{_ as k}from"./tslib.es6-2f773aeb.js";import"./index.styled-743f922f.js";import"./Onboarding-3a098961.js";import"./index.styled-739f456f.js";import"./gAssets.js";import"./index-523b1b14.js";import"date-fns/locale";import"./isProduction-9fdedd97.js";import"./index-f963f3c7.js";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";import"./translationsContext-4e922048.js";import"string-format";const w=t=>{const{x:r,y:l,payload:a,activeWeek:o}=t;return o===a.value?e.createElement("g",{transform:`translate(${r},${l})`},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"},a.value)):e.createElement("g",{transform:`translate(${r},${l})`},e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.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: ${s.colors.yellow600};
+    background: ${c.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: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(f,{onClick:()=>I(!0),x:0===E?1:E,y:k,r:4,shape:e.createElement(h,{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`
+`,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 l,a,o,i,s;const{payload:m,active:d}=r,p=null===(l=null==m?void 0:m[0])||void 0===l?void 0:l.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===(a=p.toolTipLabel)||void 0===a?void 0:a[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:l,activeWeek:a,t:o})=>{const n=o(`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===a?{toolTipLabel:r,translatedStatus:n,status:l}:{})))},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=l(null);return x(M,(()=>I(!1))),e.createElement(j,null,S?e.createElement(a,{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(f,{onClick:()=>I(!0),x:0===E?1:E,y:k,r:4,shape:e.createElement(h,{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(a,{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,l=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"},l),e.createElement("circle",{cx:"4",cy:"4",r:"4",fill:r||c.colors.primaryBase}))},S=({idealWeight:t,siteType:r})=>{const{t:l}=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(a,{type:"bodytext-3",color:c.mbColors.dark},l("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"},l("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(a,{type:"bodytext-3",color:c.mbColors.dark},l("pwg.placeholder.weight"))):e.createElement(e.Fragment,null,e.createElement(L,null),e.createElement(n,{size:"n1",color:c.colors.gray600},l("pwg.placeholder.weight")))))},O=E.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 24px 16px;
   width: 100%;
   gap: 24px;
-  border: 1px solid ${s.colors.neutral100};
+  border: 1px solid ${c.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}=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};
+`,F=({chartProps:t,pillCarouselProps:r,idealWeight:l,description:a,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")),a&&a),e.createElement(i,Object.assign({},r)),e.createElement("div",null,e.createElement(S,{idealWeight:l,siteType:m}),e.createElement(z,Object.assign({},t,{siteType:m}))))};export{F as PregnancyWeightGainChart};

package/build/esm/routing-d95608ce.js

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

package/build/esm/screenSizeContext-daa144e8.js

@@ -0,0 +1,81 @@
+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-934fc187.js";const d=t`
+from {
+  transform: translate3d(0, 100%, 0);
+  visibility: visible;
+}
+
+to {
+  transform: translate3d(0, 0, 0);
+}
+`,l=t`
+from {
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`,m=t`
+ from {
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`,f=t`
+ from {
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`,b=t`
+from {
+  transform: translate3d(0, 0, 0);
+}
+
+to {
+  visibility: hidden;
+  transform: translate3d(0, 100%, 0);
+}
+`,v=t`
+from {
+  transform: translate3d(0, 0, 0);
+}
+
+to {
+  visibility: hidden;
+  transform: translate3d(-100%, 0, 0);
+}
+`,_=t`
+from {
+  transform: translate3d(0, 0, 0);
+}
+
+to {
+  visibility: hidden;
+  transform: translate3d(100%, 0, 0);
+}
+`,E=t`
+ from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(0, -100%, 0);
+  }
+`,c=t`
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+`,h=i({isInit:!0}),w=t=>{const r=(t=>"number"==typeof t?t:"undefined"!=typeof window&&window.innerWidth||0)(t);return{smallMobile:r<o.BREAK_POINT_SMALL_MOBILE,mobile:r>=o.BREAK_POINT_SMALL_MOBILE&&r<o.BREAK_POINT_MOBILE,tablet:r>=o.BREAK_POINT_MOBILE&&r<o.BREAK_POINT_TABLET,pc:r>=o.BREAK_POINT_TABLET&&r<o.BREAK_POINT_PC,xl:r>=o.BREAK_POINT_PC}},B=({children:t})=>{const[i,o]=s((()=>({isInit:!0})));a((()=>{const t=e((()=>{o({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",t,{passive:!0}),()=>{window.removeEventListener("resize",t)}}),[]);const d=n((()=>w(i.width)),[i.width]);return r.createElement(h.Provider,{value:Object.assign(Object.assign({},i),{sizeGroups:d})},t)};export{h as S,l as a,m as b,f as c,E as d,b as e,v as f,_ as g,c as h,w as i,B as j,d as s};

package/build/esm/test/testTranslationProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function TestTranslationProvider({ children }: {
+    children: any;
+}): React.JSX.Element;

package/build/esm/together/api/dataTransform.d.ts

@@ -0,0 +1,43 @@
+import { BabyGrowthContent, BabyGrowthContentApi } from "../../interfaces/types";
+import { Article, ArticleApi, ArticleAuthor, ArticleAuthorApi, ArticleExpert, ArticleExpertApi, Author, BMIResult, BMIResultApi, Category, CategoryApi, CategoryHealthToolApi, Comment, CommentApi, Community, CommunityApi, ExpertAnswer, ExpertAnswerApi, ExpertUserSummaryApi, FAQs, FAQsApi, HealthTool, HealthToolApi, HealthToolByCategory, Notification, NotificationApi, OvulationInfo, OvulationInfoApi, PageCategory, PageCategoryApi, Post, PostApi, PostDetail, PostPaginationApi, PostPaginationClient, PwgInfo, PwgInfoApi, ReportedPostDetail, ReviewedCategory, ReviewedCategoryApi, ReviewedUserApi, SiteWideBanner, SiteWideBannerApi, Sponsor, SponsorApi, SpotlightSummary, SpotlightSummaryApi, SuggestedArticle, SuggestedArticleApi, ThrInfo, ThrInfoApi, Topic, TopicApi, TopicHealthTool, TopicHealthToolApi, TopicSubot, TopicSubotApi } from '../interfaces/types';
+export declare const formatAuthor: (author: ArticleAuthorApi) => ArticleAuthor;
+export declare const formatArticleExpert: (expert: ArticleExpertApi) => ArticleExpert;
+export declare const formatSpotlightsSummary: (spotlight?: SpotlightSummaryApi) => SpotlightSummary | null;
+export declare const TRANSLATE_LANGUAGES: {
+    EN: string;
+    FIL: string;
+};
+export declare const formatTranslateOptions: (translate?: {
+    [key: string]: string;
+}) => {
+    value: string;
+    label: string;
+}[];
+export declare const formatArticle: (article: ArticleApi) => Article;
+export declare const formatUserProfile: (user: ReviewedUserApi | null | undefined) => ReviewedUserApi | null | undefined;
+export declare const formatBMIResult: (data: BMIResultApi) => BMIResult;
+export declare const formatSponsor: (sponsor: SponsorApi) => Sponsor;
+export declare const formatReviewedCategory: (data: ReviewedCategoryApi) => ReviewedCategory;
+export declare const formatCategory: (category: CategoryApi) => Category;
+export declare const formatCategoryApi: (category: PageCategoryApi) => PageCategory;
+export declare const formatFaqsCategory: (data: FAQsApi) => FAQs;
+export declare const formatHealthTool: (healthTool: HealthToolApi) => HealthTool;
+export declare const formatHealthToolTypeCategory: (category: CategoryHealthToolApi) => HealthToolByCategory;
+export declare const formatCommunity: (community: CommunityApi) => Community;
+export declare const formatTopic: (topic: TopicApi) => Topic;
+export declare const formatExpertAnswer: (data: ExpertAnswerApi) => ExpertAnswer;
+export declare const formatPost: (post: PostApi) => Post;
+export declare const formatPostPagination: (pagination: PostPaginationApi) => PostPaginationClient;
+export declare const formatNotification: (notification: NotificationApi) => Notification;
+export declare const formatSpotlightsList: (spotligts: SpotlightSummaryApi[]) => SpotlightSummary[];
+export declare const formatOvulationInfo: (data: OvulationInfoApi | null) => OvulationInfo;
+export declare const formatSuggestedArticle: (data: SuggestedArticleApi | null) => SuggestedArticle;
+export declare const formatTopicHealthTool: (data: TopicHealthToolApi | null) => TopicHealthTool;
+export declare const formatComment: (data: CommentApi | null) => Comment;
+export declare const formatReportedPostToPostDetail: (data: ReportedPostDetail | null) => PostDetail;
+export declare const formatTopicSubot: (data: TopicSubotApi | null) => TopicSubot;
+export declare const formatSiteWideBanner: (sitewide_banner?: SiteWideBannerApi | null, type?: 'article' | 'category' | 'home') => SiteWideBanner | null;
+export declare const formatPWGContent: (data: PwgInfoApi | null) => PwgInfo;
+export declare const formatUserProfileUrl: (user?: ReviewedUserApi | ExpertUserSummaryApi | Author | null) => string;
+export declare const formatTHRContent: (data: ThrInfoApi | null) => ThrInfo;
+export declare const formatBabyGrowthContent: (data: BabyGrowthContentApi) => BabyGrowthContent;

package/build/esm/together/api/paths.d.ts

@@ -0,0 +1,156 @@
+export declare const PATHS: {
+    BASE_API_PATH: string;
+    PROFILE: string;
+    SEARCH_USER: string;
+    FETCH_PREVIEW: string;
+    FETCH_POST_OR_TOPIC: string;
+    POST: {
+        LIST: string;
+        DETAIL_BY_ID_OR_SLUG: string;
+        CREATE: string;
+        LIKE: string;
+        DELETE: string;
+        REPORT: string;
+        UPDATE: string;
+        FOLLOW: string;
+        CREATE_ARTICLE_COMMENT: string;
+    };
+    COMMENT: {
+        LIST: string;
+        CREATE: string;
+        REPLY: string;
+        DELETE: string;
+        LIKE: string;
+        UNLIKE: string;
+        IMAGE_UPLOAD: string;
+    };
+    COMMUNITY: {
+        LIST: string;
+        DETAIL_BY_ID_OR_SLUG: string;
+        JOIN: string;
+        LEAVE: string;
+    };
+    TOPIC: {
+        LIST: string;
+        DETAIL_BY_ID_OR_SLUG: string;
+        HEALTH_TOOLS: string;
+        SUBOTS: string;
+        SUGGESTED_POSTS: string;
+        JOIN: string;
+        LEAVE: string;
+    };
+    BOOKMARK: {
+        LIST: string;
+        CREATE: string;
+        DELETE: string;
+    };
+    UPLOAD_IMAGE: string;
+    GET_DUE_DATE_INFO: string;
+    USER: {
+        DETAIL: string;
+        COUNT_TABS: string;
+        LIST_POST: string;
+        LIST_QUESTION_NEED_REPLY: string;
+        LIST_QUESTION: string;
+        SKIP_QUESTION: string;
+        LIST_ANSWERS: string;
+    };
+};
+export declare const SUBOT_PATHS: {
+    TOGETHER: {
+        SURVEY: {
+            GET_FIRST_NODE: string;
+            CHAT_WITH_BOT: string;
+        };
+    };
+};
+export declare const CARE_PATHS: {
+    GET_DOCTOR_INFO: string;
+    GET_HOSPITAL_INFO: string;
+};
+export declare const DISCOVER_PATHS: {
+    BASE_API_PATH: string;
+    GET_SEARCH_ARTICLES: string;
+    GET_ALL_CATEGORIES: string;
+    GET_HOMEPAGE_POSTS: string;
+    GET_HOMEPAGE_LATEST_POSTS: string;
+    GET_ARTICLE_DETAIL: string;
+    GET_CATEGORY_DETAIL: string;
+    GET_CATEGORY_OR_ARTICLE_DETAIL: string;
+    GET_PREVIEW_ARTICLE: string;
+    GET_ARTICLE_OF_CATEGORY: string;
+    GET_PAGE_STATIC: string;
+    GET_ALL_HEALTH_TOOLS: string;
+    GET_ALL_MARRYBABY_HEALTH_TOOLS: string;
+    GET_HEALTH_TOOLS_BY_CATEGORY: string;
+    GET_AUTHOR: string;
+    GET_ALL_EXPERTS: string;
+    GET_ALL_EXPERTS_PAGING: string;
+    GET_EXPERT: string;
+    GET_EXPERT_POST: string;
+    POST_ARTICLE_FEEDBACK: string;
+    GET_AZ_DRUGS: string;
+    GET_HOMEPAGE_MEDICAL_REVIEWED: string;
+    GET_ARTICLES_BY_IDS: string;
+    GET_ARTICLE_OF_CATEGORY_NO_EXPLAINERS: string;
+    GET_EXPERT_OF_CATEGORY: string;
+    GET_DUE_DATE_INFO: string;
+    GET_DUE_DATE_ALL_WEEKS: string;
+    GET_DUE_DATE_SUGGESTED_ARTICLES: string;
+    GET_PROFILE: string;
+    GET_ADMIN_PROFILE: string;
+    GET_FEATURE: string;
+    POST_NEW_FEATURE: string;
+    CREATE_BOOKMARK: string;
+    DELETE_BOOKMARK: string;
+    DELETE_ALL_BOOKMARK: string;
+    GET_ALL_BOOKMARK: string;
+    SSO_USER_PROFILE: string;
+    SSO_USER_BOOKMARKS: string;
+    SSO_USER_PASSWORD: string;
+    SSO_USER_EMAIL: string;
+    SSO_CLOSE_ACCOUNT: string;
+    SSO_HELP: string;
+    GET_HEALTH_TOOL_OVULATION_INFO: string;
+    GET_HEALTH_TOOL_OVULATION_SUGGESTED_ARTICLES: string;
+    GET_HEALTH_TOOL_BMI_INFO: string;
+    GET_HEALTH_TOOL_BMI_RESULT: string;
+    GET_HEALTH_TOOL_BMR_INFO: string;
+    GET_HEALTH_TOOL_BMR_RESULT: string;
+    GET_HEALTH_TOOL_PWG_INFO: string;
+    GET_HEALTH_TOOL_THR_INFO: string;
+    GET_HEALTH_TOOL_BABY_GROWTH_INFO: string;
+    POST_UPDATE_LOCATION: string;
+    GET_SIDIS_DUE_DATE: string;
+    GET_SIDIS_OVULATION: string;
+    GET_SIDIS_BMI: string;
+    GET_SIDIS_BMR: string;
+    POST_LOGOUT: string;
+    OVULATION_CREATE_EVENT: string;
+    GET_ALL_SPOTLIGHT: string;
+    SSO_UPDATE_FIRST_TIME_BOOKMARK: string;
+    POST_COMMENT_NOTIFICATION: string;
+    GET_ABOUT_US_DATA: string;
+    POST_LEAD_IMPRESSION: string;
+    POST_LEAD_POPUP_EXIT: string;
+    POST_LEAD_LEAD: string;
+    POST_SSO_VERIFY_TOKEN: string;
+    GET_LANDING_PAGE_FIRST_NODE: string;
+    GET_LANDING_PAGE_NEXT_NODE: string;
+    POST_LANDING_PAGE_IMPRESSION: string;
+    POST_LANDING_PAGE_CLICK: string;
+    FETCH_URL_DATA: string;
+    GET_SPOTLIGHT_LANDING: string;
+    GET_FOOTER_INFO: string;
+    CHECK_SSO_EMAIL: string;
+    GET_HOMEPAGE_SITEWIDE_BANNER: string;
+    GET_DYNAMIC_FOOTER: string;
+    GET_EXPERTS: string;
+    GET_EXPERT_BY_ID: string;
+};
+export declare const ADMIN_PATHS: {
+    SEARCH_USER: string;
+    COMMENT: {
+        IMAGE_UPLOAD: string;
+    };
+};

package/build/esm/together/api/utils.d.ts

@@ -0,0 +1,67 @@
+import { LocaleType } from "../../interfaces/types";
+export declare const domainLocales: {
+    'vi-VN': string;
+    'id-ID': string;
+    'ms-MY': string;
+    'km-KH': string;
+    'en-PH': string;
+    'th-TH': string;
+    'my-MM': string;
+    'zh-TW': string;
+    'hi-IN': string;
+};
+export declare const domainLocalesMarryBaby: {
+    'vi-VN': string;
+};
+export declare const getWebsiteUrlApi: (locale: string) => string;
+export declare const getCurrentBaseUrl: (locale: string) => string;
+export declare const getCurrentHref: (locale: string, basePath: string, asPath: string) => string;
+export declare const getApiPath: (path: string, params?: {
+    [key: string]: string | number;
+}, query?: {
+    [key: string]: string | number;
+}) => string;
+export declare const getDiscoverApiPath: (path: string, params?: {
+    [key: string]: string | number;
+}, useProOnDev?: boolean) => string;
+export declare const getMarryBabyApiPath: (path: string, params?: {
+    [key: string]: string | number;
+}, useProOnDev?: boolean) => string;
+export declare const getCarePath: (path: string, params?: {
+    [key: string]: string | number;
+}) => string;
+type ApiOptions = RequestInit & {
+    data?: any;
+};
+export declare const callApi: (url: string, method: string, options?: ApiOptions, skipEncodeURI?: boolean) => Promise<any>;
+export declare const callApiWithOptionalAuth: (urlData: {
+    url: string;
+    backupUrl: string;
+} | string, method?: string, options?: ApiOptions, reqCookie?: string) => Promise<any>;
+export declare const callApiWithAuth: (url: string, method: string, options?: ApiOptions, reqCookie?: string) => Promise<any>;
+export declare const callApiWithAdminAuth: (url: string, method: string, options?: ApiOptions, reqCookie?: string) => Promise<any>;
+export declare function updateQueryStringParameter(uri: string, key: string, value: string): string;
+export declare const getUrlToSSOWithReturnUrl: (url?: string, params?: {
+    [k: string]: string;
+}) => string;
+export declare const getUrlToSignUp: (url?: string, params?: {
+    [k: string]: string;
+}, togetherBasePath?: string) => string;
+export declare const slugifiedNameWithId: (name?: string, id?: number, slug?: string, _locale?: LocaleType) => string;
+export declare const getCareDoctorUrl: ({ name, id, locale, }: {
+    name?: string;
+    id?: number;
+    locale: LocaleType;
+}) => string;
+export declare const getCareHospitalUrl: ({ name, id, slug, locale, }: {
+    name?: string;
+    id?: number;
+    slug?: string;
+    locale: LocaleType;
+}) => string;
+export declare const getCareHospitalUrlAmp: ({ slug, id, locale, }: {
+    slug?: string;
+    id?: number;
+    locale: LocaleType;
+}) => string;
+export {};

package/build/esm/together/components/atoms/cardLink/index.d.ts

@@ -0,0 +1,12 @@
+import React, { CSSProperties } from 'react';
+export type Props = {
+    title?: string;
+    url: string;
+    image?: string;
+    logo?: string;
+    className?: string;
+    noRefetch?: boolean;
+    style?: CSSProperties;
+};
+declare const CardLink: ({ title, url, image, logo, className, style, noRefetch, }: Props) => React.JSX.Element;
+export { CardLink };

package/build/esm/together/components/atoms/cardLink/index.styled.d.ts

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

package/build/esm/together/components/atoms/cardReactions/context.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export type CardReactionsContextProps = {
+    liked?: boolean;
+    loveCount?: number;
+    isReplied?: boolean;
+    trackingCategory?: string;
+    trackingLabel?: string;
+    onLikeClick?: () => void;
+    onShareClick?: () => void;
+    onCommentClick?: () => void;
+};
+export declare const CardReactionsContext: import("react").Context<CardReactionsContextProps>;

package/build/esm/together/components/atoms/cardReactions/element/index.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+export type Props = {
+    children?: ReactNode;
+} & HTMLAttributes<HTMLDivElement>;
+declare const LikeWrapper: ({ children, className }: Props) => React.JSX.Element;
+declare const ShareWrapper: ({ children, className }: Props) => React.JSX.Element;
+declare const CommentWrapper: ({ children, className }: Props) => React.JSX.Element;
+export { LikeWrapper, ShareWrapper, CommentWrapper };

package/build/esm/together/components/atoms/cardReactions/index.d.ts

@@ -0,0 +1,34 @@
+import React, { CSSProperties, ReactNode } from 'react';
+export declare enum CardReactionType {
+    post = 1,
+    reply = 2
+}
+export type Props = {
+    type: CardReactionType;
+    loveCount?: number;
+    replyCount?: number;
+    replyPadding?: boolean;
+    liked?: boolean;
+    isReplied?: boolean;
+    hideCommentIcon?: boolean;
+    className?: string;
+    onCommentClick?: () => void;
+    onLikeClick?: () => void;
+    onCommentCountClick?: () => void;
+    onShareClick?: () => void;
+    style?: CSSProperties;
+    showingMostEngaging?: boolean;
+    isMarryBaby?: boolean;
+    hasShare?: boolean;
+    hasCountLike?: boolean;
+    trackingCategory?: string;
+    trackingLabel?: string;
+    children?: ReactNode;
+};
+declare const CardReactions: {
+    ({ type, loveCount, replyCount, replyPadding, liked, isReplied, onCommentClick, onLikeClick, onShareClick, className, style, hideCommentIcon, showingMostEngaging, isMarryBaby: isMarryBabyInit, hasShare, hasCountLike, trackingCategory, trackingLabel, children, ...rest }: Props): React.JSX.Element;
+    LikeWrapper: ({ children, className }: import("./element").Props) => React.JSX.Element;
+    ShareWrapper: ({ children, className }: import("./element").Props) => React.JSX.Element;
+    CommentWrapper: ({ children, className }: import("./element").Props) => React.JSX.Element;
+};
+export { CardReactions };

package/build/esm/together/components/atoms/index.d.ts

@@ -0,0 +1,8 @@
+export { Loading } from './loading';
+export { UserAvatar } from './userAvatar';
+export { CardLink } from './cardLink';
+export { CardReactions } from './cardReactions';
+export { TagTopic } from './tagTopic';
+export { LabelSortPin } from './labelSortPin';
+export { LabelPin } from './labelSortPin/labelPin';
+export { LabelSorting } from './labelSortPin/labelSorting';