@hhgtech/hhg-components 1.25.40 → 1.25.42

package/build/onboarding.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-c18725ef.js"),t=require("react"),n=require("@mantine/core"),o=require("@mantine/hooks");require("./index.styled-420c6f71.js");var r=require("./index-f63a1760.js");require("./gAssets.js"),require("./index.styled-121d73f3.js"),require("./index-b9df7cc2.js"),require("./utils-80d2aa8d.js");var a=require("./theme-b65701ae.js");require("./index.styled-f785924a.js");var i=require("./useTranslations-19d05a27.js");require("./index-771c1b27.js"),require("./index-34a57dc0.js");var l=require("./index-41d5f491.js");require("dayjs"),require("./screenSizeContext-b15feb85.js"),require("styled-components");var s=require("./index-3fabbfe2.js");require("./isProduction-bbff0073.js");var d=require("./Onboarding-8d363051.js");require("./index-30cdfaa7.js");var u=require("./index.styled-a02c919b.js");require("lodash/debounce");var c=require("@mantine/form"),m=require("lodash/throttle"),b=require("./index-e93b56af.js"),f=require("date-fns");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./translationsContext-9196f7b1.js"),require("string-format"),require("@mantine/dates"),require("@mantine/carousel"),require("./Visible-2fc8f4c2.js"),require("yup");var g=p(t),E=p(m);const y=({onSubmit:n,phone:l,email:s,onResendCode:d,otpError:m,onClose:f,loading:p,onBack:y,canSkip:S,outOfEdit:h})=>{const{siteType:v,isMarryBaby:O}=t.useContext(u.OnboardingContext),[C,x]=t.useState(30),P=o.useInterval((()=>x((e=>e-1))),1e3),[q,j]=o.useCounter(0,{min:0,max:3}),k=t.useRef(!0),{t:B}=i.useTranslations();t.useEffect((()=>(P.start(),P.stop)),[]),t.useEffect((()=>{0===C&&(P.stop(),k.current=!1)}),[C]);const w=u.useForm({initialValues:{otp:""},validate:c.yupResolver(u.otpSchema(B))});t.useEffect((()=>{m&&w.setFieldError("otp",m)}),[m]);const F=t.useMemo((()=>E.default((()=>{k.current||(j.increment(),x(30),null==d||d(l||s),P.start(),k.current=!0)}),1e3,{trailing:!1})),[l,s,d,P]);return g.default.createElement(u.StyledOtpForm,{heading:B("onboarding.otpForm.heading"),description:g.default.createElement(g.default.Fragment,null,g.default.createElement("span",{dangerouslySetInnerHTML:{__html:l?B("onboarding.otpForm.description",{phone:`<b style="color:${a.theme.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):B("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${a.theme.colors.gray800}">${u.hiddenEmailChar(s)}</b>`})}}),!h&&g.default.createElement("svg",{onClick:()=>{null==y||y()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},g.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},g.default.createElement(u.FormProvider,{form:w},g.default.createElement("form",{onSubmit:w.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){j.increment(),n(t.otp)}))),(e=>{console.log(e)}))},g.default.createElement(u.DynamicForm,{inputOrder:["otp"]}),g.default.createElement("div",{className:"resend"},g.default.createElement(b.Text,{size:"p4",color:a.theme.colors.gray400},B("onboarding.otpForm.notReceiveOTP")),g.default.createElement(b.Text,{as:"a",size:"p4",color:O?a.theme.mbColors.pink:a.theme.colors.primaryBase,onClick:F},B("onboarding.otpForm.resendCode",{seconds:C}))),g.default.createElement(r.Button,{theme:v,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:p,disabled:p,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},B("onboarding.button.continue")),S&&q>=3&&g.default.createElement(r.Button,{theme:v,color:"ghost",isBlock:!0,size:"lg",onClick:f,type:"button"},B("onboarding.button.skip")))))},S=({onClose:e,onSubmit:n,canSkip:o,loading:a,errorMessage:l,initialData:d})=>{const{t:m,locale:b}=i.useTranslations(),{siteType:p,isMarryBaby:E}=t.useContext(u.OnboardingContext),y=u.useForm({validate:c.yupResolver(u.onboardingEmailSchema(m))});return t.useEffect((()=>{y.setValues(Object.assign(Object.assign({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),t.useEffect((()=>{l&&y.setFieldError("email",l)}),[l]),g.default.createElement(u.Onboarding,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description",{site:E?"Marry Baby":s.LOCALE_SPECS[b].SITE_NAME_FORMATTED})},g.default.createElement(u.FormProvider,{form:y},g.default.createElement("form",{className:"form",onSubmit:y.onSubmit((e=>{n(Object.assign(Object.assign({},e),{birthday:e.birthday&&f.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},g.default.createElement(u.DynamicForm,{inputOrder:["full_name","email","dob","gender"]}),g.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},m("onboarding.button.continue")),o&&g.default.createElement(r.Button,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip")))))},h=({onClose:e,onSubmit:t,canSkip:o,errorMessage:a,loading:l})=>{const{t:s}=i.useTranslations(),d=u.useForm({initialValues:{password:"",confirmPassword:""},validate:c.yupResolver(u.onboardingUpdatePasswordSchema(s))});return g.default.createElement(u.Onboarding,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},g.default.createElement(u.FormProvider,{form:d},g.default.createElement("form",{className:"form",onSubmit:d.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},g.default.createElement(u.DynamicForm,{inputOrder:["password","confirm_password"]}),g.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),o&&g.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&g.default.createElement(n.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.MAPPED_LOCALE=u.MAPPED_LOCALE,exports.OnboardingForm=u.OnboardingForm,exports.OnboardingModal=s=>{var{banner:c,canSkip:m,createPassError:b,createPassLoading:f,customFormTexts:p,emailLoading:E,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:O,onClose:C,onCreatePassByEmail:x,onOtpSubmit:P,onPersonalInfoSubmit:q,onPhoneSubmit:j,onResendCode:k,otpError:B,otpLoading:w,personalInfoError:F,resultScreenProps:T,siteType:_,step:L}=s,M=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step"]);const{t:I}=i.useTranslations(),[z,D]=t.useState(L||v[0]),[R,A]=t.useState(""),[N,V]=t.useState(""),[$,U]=o.useCounter(0,{min:0,max:2}),H=t.useCallback((()=>{const e=v.indexOf(z)+1;e<=v.length-1&&D(v[e])}),[z]),Z=t.useCallback((()=>{const e=v.indexOf(z)-1;e>=0&&D(v[e])}),[z]),G=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield P(t))&&H()}catch(e){console.error(e)}})),J=()=>{$>=2||(U.increment(),Z())},K="marryBaby"===_;return g.default.createElement(u.OnboardingContext.Provider,{value:{siteType:_,isMarryBaby:K}},g.default.createElement(u.StyledOnboardingModal,Object.assign({},M),v.length>0?g.default.createElement(u.StyledContainer,null,g.default.createElement(u.StyledContent,{"data-has-banner":"object"==typeof c},z===d.OnboardingStep.Phone&&g.default.createElement(u.OnboardingForm,{onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{A(t),yield null==j?void 0:j(t),H()}catch(e){console.error(e)}})),customFormTexts:p.onboarding}),z===d.OnboardingStep.OTP&&g.default.createElement(y,{onClose:C,onSubmit:G,phone:R,onResendCode:k,otpError:B,loading:w,canSkip:m,onBack:J,outOfEdit:$>=2}),z===d.OnboardingStep.OTPEmail&&g.default.createElement(y,{onClose:C,onSubmit:G,onResendCode:k,otpError:B,loading:w,canSkip:m,onBack:J,outOfEdit:$>=2,email:N}),z===d.OnboardingStep.PersonalInfo&&g.default.createElement(S,{initialData:null==O?void 0:O[d.OnboardingStep.PersonalInfo],onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{V((null==t?void 0:t.email)||"");!(yield null==q?void 0:q(t))&&H()}catch(e){console.error(e)}})),errorMessage:F,loading:E}),z===d.OnboardingStep.UpdatePassword&&g.default.createElement(h,{onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==x?void 0:x(t),!b&&H()}catch(e){console.error(e)}})),errorMessage:b,loading:f}),z===d.OnboardingStep.Result&&g.default.createElement(u.Onboarding,Object.assign({},T),g.default.createElement(r.Button,{theme:_,size:"lg",onClick:C,className:"form-button"},I("onboarding.button.continue")))),"object"==typeof c&&g.default.createElement(u.StyledBannerCol,null,g.default.createElement(u.StyledBannerInner,{"data-is-marry-baby":K},g.default.createElement(u.StyledIntro,null,(null==c?void 0:c.heading)&&g.default.createElement(n.Title,{order:1,mb:24},null==c?void 0:c.heading),(null==c?void 0:c.description)&&g.default.createElement(l.Text,{size:"p1",color:a.theme.colors.gray800},I("onboarding.welcomeScreen.content"))),(null==c?void 0:c.imgSrc)&&g.default.createElement("div",null,g.default.createElement(u.StyledBannerImg,{src:null==c?void 0:c.imgSrc,loading:"lazy"}))))):"Incorrect flow"))},exports.OtpForm=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-b99f8b94.js"),t=require("react"),o=require("@mantine/core"),n=require("@mantine/hooks");require("./index.styled-de0cfc3a.js");var r=require("./index-3d433cce.js");require("./gAssets.js"),require("./index-92ac398a.js"),require("./index-de6a4cba.js"),require("./utils-d0bf39f0.js");var a=require("./theme-21cb6933.js");require("./index.styled-cdad5008.js");var i=require("./useTranslations-e1f00e49.js");require("./index-dfb6e4ea.js"),require("./index-c6baf477.js");var l=require("./index-8ca92401.js");require("dayjs"),require("./screenSizeContext-5ddeca2d.js"),require("styled-components");var s=require("./index-864331fa.js");require("./isProduction-668ab2b8.js");var d=require("./Onboarding-d3651df7.js");require("./index-b6919199.js");var u=require("./utils-1fd82192.js");require("lodash/debounce");var c=require("@mantine/form"),m=require("lodash/throttle"),b=require("./index-8716aefd.js"),f=require("date-fns");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./translationsContext-6d1cbb1b.js"),require("string-format"),require("@mantine/dates"),require("@mantine/carousel"),require("./Visible-e1a64d77.js"),require("yup");var g=p(t),E=p(m);const y=({onSubmit:o,phone:l,email:s,onResendCode:d,otpError:m,onClose:f,loading:p,onBack:y,canSkip:S,outOfEdit:h})=>{const{siteType:v,isMarryBaby:O}=t.useContext(u.OnboardingContext),[C,P]=t.useState(30),x=n.useInterval((()=>P((e=>e-1))),1e3),[q,j]=n.useCounter(0,{min:0,max:3}),k=t.useRef(!0),{t:B}=i.useTranslations();t.useEffect((()=>(x.start(),x.stop)),[]),t.useEffect((()=>{0===C&&(x.stop(),k.current=!1)}),[C]);const w=u.useForm({initialValues:{otp:""},validate:c.yupResolver(u.otpSchema(B))});t.useEffect((()=>{m&&w.setFieldError("otp",m)}),[m]);const F=t.useMemo((()=>E.default((()=>{k.current||(j.increment(),P(30),null==d||d(l||s),x.start(),k.current=!0)}),1e3,{trailing:!1})),[l,s,d,x]);return g.default.createElement(u.StyledOtpForm,{heading:B("onboarding.otpForm.heading"),description:g.default.createElement(g.default.Fragment,null,g.default.createElement("span",{dangerouslySetInnerHTML:{__html:l?B("onboarding.otpForm.description",{phone:`<b style="color:${a.theme.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):B("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${a.theme.colors.gray800}">${u.hiddenEmailChar(s)}</b>`})}}),!h&&g.default.createElement("svg",{onClick:()=>{null==y||y()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},g.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},g.default.createElement(u.FormProvider,{form:w},g.default.createElement("form",{onSubmit:w.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){j.increment(),o(t.otp)}))),(e=>{console.log(e)}))},g.default.createElement(u.DynamicForm,{inputOrder:["otp"]}),g.default.createElement("div",{className:"resend"},g.default.createElement(b.Text,{size:"p4",color:a.theme.colors.gray400},B("onboarding.otpForm.notReceiveOTP")),g.default.createElement(b.Text,{as:"a",size:"p4",color:O?a.theme.mbColors.pink:a.theme.colors.primaryBase,onClick:F},B("onboarding.otpForm.resendCode",{seconds:C}))),g.default.createElement(r.Button,{theme:v,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:p,disabled:p,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},B("onboarding.button.continue")),S&&q>=3&&g.default.createElement(r.Button,{theme:v,color:"ghost",isBlock:!0,size:"lg",onClick:f,type:"button"},B("onboarding.button.skip")))))},S=({onClose:e,onSubmit:o,canSkip:n,loading:a,errorMessage:l,initialData:d})=>{const{t:m,locale:b}=i.useTranslations(),{siteType:p,isMarryBaby:E}=t.useContext(u.OnboardingContext),y=u.useForm({validate:c.yupResolver(u.onboardingEmailSchema(m))});return t.useEffect((()=>{y.setValues(Object.assign(Object.assign({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),t.useEffect((()=>{l&&y.setFieldError("email",l)}),[l]),g.default.createElement(u.Onboarding,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description",{site:E?"Marry Baby":s.LOCALE_SPECS[b].SITE_NAME_FORMATTED})},g.default.createElement(u.FormProvider,{form:y},g.default.createElement("form",{className:"form",onSubmit:y.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&f.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},g.default.createElement(u.DynamicForm,{inputOrder:["full_name","email","dob","gender"]}),g.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},m("onboarding.button.continue")),n&&g.default.createElement(r.Button,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip")))))},h=({onClose:e,onSubmit:t,canSkip:n,errorMessage:a,loading:l})=>{const{t:s}=i.useTranslations(),d=u.useForm({initialValues:{password:"",confirmPassword:""},validate:c.yupResolver(u.onboardingUpdatePasswordSchema(s))});return g.default.createElement(u.Onboarding,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},g.default.createElement(u.FormProvider,{form:d},g.default.createElement("form",{className:"form",onSubmit:d.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},g.default.createElement(u.DynamicForm,{inputOrder:["password","confirm_password"]}),g.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),n&&g.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&g.default.createElement(o.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.MAPPED_LOCALE=u.MAPPED_LOCALE,exports.OnboardingForm=u.OnboardingForm,exports.OnboardingModal=s=>{var{banner:c,canSkip:m,createPassError:b,createPassLoading:f,customFormTexts:p,emailLoading:E,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:O,onClose:C,onCreatePassByEmail:P,onOtpSubmit:x,onPersonalInfoSubmit:q,onPhoneSubmit:j,onResendCode:k,otpError:B,otpLoading:w,personalInfoError:F,resultScreenProps:T,siteType:_,step:L}=s,M=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step"]);const{t:I}=i.useTranslations(),[z,D]=t.useState(L||v[0]),[R,A]=t.useState(""),[N,V]=t.useState(""),[$,U]=n.useCounter(0,{min:0,max:2}),H=t.useCallback((()=>{const e=v.indexOf(z)+1;e<=v.length-1&&D(v[e])}),[z]),Z=t.useCallback((()=>{const e=v.indexOf(z)-1;e>=0&&D(v[e])}),[z]),G=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield x(t))&&H()}catch(e){console.error(e)}})),J=()=>{$>=2||(U.increment(),Z())},K="marryBaby"===_;return g.default.createElement(u.OnboardingContext.Provider,{value:{siteType:_,isMarryBaby:K}},g.default.createElement(u.StyledOnboardingModal,Object.assign({},M),v.length>0?g.default.createElement(u.StyledContainer,null,g.default.createElement(u.StyledContent,{"data-has-banner":"object"==typeof c},z===d.OnboardingStep.Phone&&g.default.createElement(u.OnboardingForm,{onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{A(t),yield null==j?void 0:j(t),H()}catch(e){console.error(e)}})),customFormTexts:p.onboarding}),z===d.OnboardingStep.OTP&&g.default.createElement(y,{onClose:C,onSubmit:G,phone:R,onResendCode:k,otpError:B,loading:w,canSkip:m,onBack:J,outOfEdit:$>=2}),z===d.OnboardingStep.OTPEmail&&g.default.createElement(y,{onClose:C,onSubmit:G,onResendCode:k,otpError:B,loading:w,canSkip:m,onBack:J,outOfEdit:$>=2,email:N}),z===d.OnboardingStep.PersonalInfo&&g.default.createElement(S,{initialData:null==O?void 0:O[d.OnboardingStep.PersonalInfo],onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{V((null==t?void 0:t.email)||"");!(yield null==q?void 0:q(t))&&H()}catch(e){console.error(e)}})),errorMessage:F,loading:E}),z===d.OnboardingStep.UpdatePassword&&g.default.createElement(h,{onClose:C,canSkip:m,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==P?void 0:P(t),!b&&H()}catch(e){console.error(e)}})),errorMessage:b,loading:f}),z===d.OnboardingStep.Result&&g.default.createElement(u.Onboarding,Object.assign({},T),g.default.createElement(r.Button,{theme:_,size:"lg",onClick:C,className:"form-button"},I("onboarding.button.continue")))),"object"==typeof c&&g.default.createElement(u.StyledBannerCol,null,g.default.createElement(u.StyledBannerInner,{"data-is-marry-baby":K},g.default.createElement(u.StyledIntro,null,(null==c?void 0:c.heading)&&g.default.createElement(o.Title,{order:1,mb:24},null==c?void 0:c.heading),(null==c?void 0:c.description)&&g.default.createElement(l.Text,{size:"p1",color:a.theme.colors.gray800},I("onboarding.welcomeScreen.content"))),(null==c?void 0:c.imgSrc)&&g.default.createElement("div",null,g.default.createElement(u.StyledBannerImg,{src:null==c?void 0:c.imgSrc,loading:"lazy"}))))):"Incorrect flow"))},exports.OtpForm=y;

package/build/pwg.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-8ef04a84.js"),a=require("./index-e93b56af.js"),r=require("./index-19fbc39f.js"),l=require("./useTranslations-19d05a27.js"),n=require("./theme-b65701ae.js"),o=require("recharts"),i=require("./index-771c1b27.js"),s=require("./useOutsideClick-8a19f6ab.js"),c=require("styled-components"),d=require("./tslib.es6-c18725ef.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-f785924a.js"),require("./Onboarding-8d363051.js"),require("./index.styled-906e0b96.js"),require("./gAssets.js"),require("./index-3fabbfe2.js"),require("./isProduction-bbff0073.js"),require("./index-30cdfaa7.js"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks"),require("./translationsContext-9196f7b1.js"),require("string-format");var m=u(e),f=u(c);const p=({weightByWeek:e,weightBefore:t,toolTipLabel:a,status:r,activeWeek:l,t:n})=>{const o=n(`bmi.result.${r}`);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:a,translatedStatus:o,status:r}:{})))},g=e=>{const{x:t,y:a,payload:r,activeWeek:l}=e;return l===r.value?m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?n.theme.mbColors.pink:n.theme.colors.primaryBase}),m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},r.value)):m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},r.value))},h=f.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-a97e86f3.js"),a=require("./index-8716aefd.js"),r=require("./index-be800c5d.js"),l=require("./useTranslations-e1f00e49.js"),n=require("./theme-21cb6933.js"),o=require("recharts"),i=require("./index-dfb6e4ea.js"),s=require("./useOutsideClick-26af72dc.js"),c=require("styled-components"),d=require("./tslib.es6-b99f8b94.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-cdad5008.js"),require("./Onboarding-d3651df7.js"),require("./index.styled-a1f5e0c2.js"),require("./gAssets.js"),require("./index-864331fa.js"),require("./isProduction-668ab2b8.js"),require("./index-b6919199.js"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks"),require("./translationsContext-6d1cbb1b.js"),require("string-format");var m=u(e),f=u(c);const p=e=>{const{x:t,y:a,payload:r,activeWeek:l}=e;return l===r.value?m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?n.theme.mbColors.pink:n.theme.colors.primaryBase}),m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},r.value)):m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},r.value))},g=f.default.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;
@@ -32,7 +32,7 @@
     border-radius: 2px;
     background: #ffffff;
   }
-`,y=f.default.div`
+`,h=f.default.div`
   position: relative;
   width: 100%;
   .custom-chart-label {
@@ -45,7 +45,7 @@
     display: flex;
     justify-content: space-between;
   }
-`,b=f.default.div`
+`,y=f.default.div`
   display: flex;
   gap: 40px;
   justify-content: center;
@@ -55,7 +55,7 @@
     align-items: center;
     gap: 4px;
   }
-`,x=[{name:"overweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"underweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"healthy",backgroundColor:n.theme.colors.green50,color:n.theme.colors.green900}],E=t=>{var r,l,o,i,s;const{payload:c,active:d}=t,u=null===(r=null==c?void 0:c[0])||void 0===r?void 0:r.payload;if(!u||!u.toolTipLabel||!d)return null;const{backgroundColor:f,color:p}=e.useMemo((()=>x.find((e=>e.name===u.status))),[null==u?void 0:u.status]);return m.default.createElement(h,null,m.default.createElement("div",null,null===(l=u.toolTipLabel)||void 0===l?void 0:l[0]," ",null===(o=u.toolTipLabel)||void 0===o?void 0:o[1]),m.default.createElement("div",null,(null===(i=u.toolTipLabel)||void 0===i?void 0:i[2])&&m.default.createElement(a.Text,{as:"span",size:"s3",color:n.theme.colors.gray800,type:"semiBold"},null===(s=u.toolTipLabel)||void 0===s?void 0:s[2]),m.default.createElement("div",{className:"risk",style:{backgroundColor:f}},m.default.createElement(a.Text,{size:"n1",color:p},u.translatedStatus))))},k=({weightBefore:r,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:h,withLine:b=!1,siteType:x})=>{const{t:k}=l.useTranslations(),v="marryBaby"===x,w=e.useMemo((()=>p({weightByWeek:c,weightBefore:r,toolTipLabel:f,status:h,activeWeek:d,t:k})),[c,r,f,h,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(y,null,v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark}," ",k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")),Array.isArray(w)&&w.length>0&&m.default.createElement(y,null,m.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},m.default.createElement(o.AreaChart,{data:w,margin:{top:16,right:0,left:0}},m.default.createElement(o.CartesianGrid,{stroke:n.theme.colors.neutral100}),m.default.createElement(o.Tooltip,{trigger:"click",content:e=>m.default.createElement(E,Object.assign({active:!b&&T&&void 0!==d&&void 0!==u},e))}),m.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:e=>m.default.createElement(g,Object.assign({},e,{activeWeek:d,siteType:x})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),m.default.createElement(o.YAxis,{domain:[e=>Math.max(e,r-10||e),e=>Math.max(e,r+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:n.theme.colors.gray600}}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:v?n.theme.mbColors.tonePink:n.theme.colors.primary100}),void 0!==d&&void 0!==u&&m.default.createElement(o.ReferenceDot,{onClick:()=>C(!0),x:0===d?1:d,y:u,r:4,shape:m.default.createElement(i.CustomReferenceDot,{ref:j,r:4}),fill:v?n.theme.mbColors.pink:n.theme.colors.primaryBase,stroke:v?n.theme.mbColors.pink:n.theme.colors.primaryBase}))),m.default.createElement("div",{className:"custom-chart-label"},m.default.createElement("i",null),v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},k("pregnancy.week")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("pregnancy.week")))))},v=e=>{var{color:t}=e,a=d.__rest(e,["color"]);return m.default.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),m.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:t||n.theme.colors.primaryBase}))},w=({idealWeight:e,siteType:r})=>{const{t:o}=l.useTranslations(),i="marryBaby"===r;return m.default.createElement(b,null,m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.lightPink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.colors.primary100}),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},m.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e)))),m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.pink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pwg.placeholder.weight"))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,null),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},o("pwg.placeholder.weight")))))},T=f.default.div`
+`,b=[{name:"overweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"underweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"healthy",backgroundColor:n.theme.colors.green50,color:n.theme.colors.green900}],x=t=>{var r,l,o,i,s;const{payload:c,active:d}=t,u=null===(r=null==c?void 0:c[0])||void 0===r?void 0:r.payload;if(!u||!u.toolTipLabel||!d)return null;const{backgroundColor:f,color:p}=e.useMemo((()=>b.find((e=>e.name===u.status))),[null==u?void 0:u.status]);return m.default.createElement(g,null,m.default.createElement("div",null,null===(l=u.toolTipLabel)||void 0===l?void 0:l[0]," ",null===(o=u.toolTipLabel)||void 0===o?void 0:o[1]),m.default.createElement("div",null,(null===(i=u.toolTipLabel)||void 0===i?void 0:i[2])&&m.default.createElement(a.Text,{as:"span",size:"s3",color:n.theme.colors.gray800,type:"semiBold"},null===(s=u.toolTipLabel)||void 0===s?void 0:s[2]),m.default.createElement("div",{className:"risk",style:{backgroundColor:f}},m.default.createElement(a.Text,{size:"n1",color:p},u.translatedStatus))))},E=({weightByWeek:e,weightBefore:t,toolTipLabel:a,status:r,activeWeek:l,t:n})=>{const o=n(`bmi.result.${r}`);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:a,translatedStatus:o,status:r}:{})))},k=({weightBefore:r,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:g,withLine:y=!1,siteType:b})=>{const{t:k}=l.useTranslations(),v="marryBaby"===b,w=e.useMemo((()=>E({weightByWeek:c,weightBefore:r,toolTipLabel:f,status:g,activeWeek:d,t:k})),[c,r,f,g,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(h,null,v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark}," ",k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")),Array.isArray(w)&&w.length>0&&m.default.createElement(h,null,m.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},m.default.createElement(o.AreaChart,{data:w,margin:{top:16,right:0,left:0}},m.default.createElement(o.CartesianGrid,{stroke:n.theme.colors.neutral100}),m.default.createElement(o.Tooltip,{trigger:"click",content:e=>m.default.createElement(x,Object.assign({active:!y&&T&&void 0!==d&&void 0!==u},e))}),m.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:e=>m.default.createElement(p,Object.assign({},e,{activeWeek:d,siteType:b})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),m.default.createElement(o.YAxis,{domain:[e=>Math.max(e,r-10||e),e=>Math.max(e,r+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:n.theme.colors.gray600}}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:v?n.theme.mbColors.tonePink:n.theme.colors.primary100}),void 0!==d&&void 0!==u&&m.default.createElement(o.ReferenceDot,{onClick:()=>C(!0),x:0===d?1:d,y:u,r:4,shape:m.default.createElement(i.CustomReferenceDot,{ref:j,r:4}),fill:v?n.theme.mbColors.pink:n.theme.colors.primaryBase,stroke:v?n.theme.mbColors.pink:n.theme.colors.primaryBase}))),m.default.createElement("div",{className:"custom-chart-label"},m.default.createElement("i",null),v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},k("pregnancy.week")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("pregnancy.week")))))},v=e=>{var{color:t}=e,a=d.__rest(e,["color"]);return m.default.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),m.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:t||n.theme.colors.primaryBase}))},w=({idealWeight:e,siteType:r})=>{const{t:o}=l.useTranslations(),i="marryBaby"===r;return m.default.createElement(y,null,m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.lightPink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.colors.primary100}),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},m.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e)))),m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.pink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pwg.placeholder.weight"))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,null),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},o("pwg.placeholder.weight")))))},T=f.default.div`
   display: flex;
   flex-direction: column;
   align-items: center;

package/build/{routing-77d2423b.js → routing-2b5d97b7.js}

@@ -1 +1 @@
-"use strict";var e=require("./index-3fabbfe2.js"),o=require("./isProduction-bbff0073.js");exports.getCareApiDomain=()=>process.env.UNIFY_CARE_API||`https://${o.isProduction?"health-care.":"service-health-care."}hellohealthgroup.com`,exports.getCurrentBaseUrl=(t,r)=>{if("undefined"!=typeof window)return window.location.origin;const s="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,i=!s&&!o.isProduction;return s?"http://localhost:3000":`https://${i?r?"fe.":"discover.":r?"www.":""}${e.domainLocales[r?"vi-VN_MB":t]}`},exports.getCurrentSsoUrl=(t,r)=>process.env.UNIFY_SSO_API||`https://${o.isProduction?"id.":"staging-id."}${e.domainLocales[r?"vi-VN_MB":t]}`,exports.getDiscoverApiDomain=t=>process.env.UNIFY_DISCOVER_API||`https://${o.isProduction?"wp.":"staging."}${e.domainLocales[t]}`,exports.getTogetherApiDomain=()=>process.env.UNIFY_TOGETHER_API||`https://${o.isProduction?"together.":"staging-together."}hellohealthgroup.com`;
+"use strict";var e=require("./index-864331fa.js"),o=require("./isProduction-668ab2b8.js");exports.getCareApiDomain=()=>process.env.UNIFY_CARE_API||`https://${o.isProduction?"health-care.":"service-health-care."}hellohealthgroup.com`,exports.getCurrentBaseUrl=(t,r)=>{if("undefined"!=typeof window)return window.location.origin;const s="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,i=!s&&!o.isProduction;return s?"http://localhost:3000":`https://${i?r?"fe.":"discover.":r?"www.":""}${e.domainLocales[r?"vi-VN_MB":t]}`},exports.getCurrentSsoUrl=(t,r)=>process.env.UNIFY_SSO_API||`https://${o.isProduction?"id.":"staging-id."}${e.domainLocales[r?"vi-VN_MB":t]}`,exports.getDiscoverApiDomain=t=>process.env.UNIFY_DISCOVER_API||`https://${o.isProduction?"wp.":"staging."}${e.domainLocales[t]}`,exports.getTogetherApiDomain=()=>process.env.UNIFY_TOGETHER_API||`https://${o.isProduction?"together.":"staging-together."}hellohealthgroup.com`;

package/build/{screenSizeContext-b15feb85.js → screenSizeContext-5ddeca2d.js}

@@ -1,4 +1,4 @@
-"use strict";var t=require("styled-components"),e=require("react"),r=require("lodash/throttle"),s=require("./utils-80d2aa8d.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=i(e),o=i(r);const a=t.keyframes`
+"use strict";var t=require("styled-components"),e=require("react"),r=require("lodash/throttle"),s=require("./utils-d0bf39f0.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=i(e),o=i(r);const a=t.keyframes`
 from {
   transform: translate3d(0, 100%, 0);
   visibility: visible;

package/build/test/testTranslationProvider.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare function TestTranslationProvider({ children }: {
     children: any;
-}): JSX.Element;
+}): React.JSX.Element;

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

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

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

@@ -1,8 +1,8 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 export type Props = {
     children?: ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
-declare const LikeWrapper: ({ children, className }: Props) => JSX.Element;
-declare const ShareWrapper: ({ children, className }: Props) => JSX.Element;
-declare const CommentWrapper: ({ children, className }: Props) => JSX.Element;
+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/together/components/atoms/cardReactions/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 export declare enum CardReactionType {
     post = 1,
     reply = 2
@@ -26,9 +26,9 @@ export type Props = {
     children?: ReactNode;
 };
 declare const CardReactions: {
-    ({ type, loveCount, replyCount, replyPadding, liked, isReplied, onCommentClick, onLikeClick, onCommentCountClick, onShareClick, className, style, hideCommentIcon, showingMostEngaging, isMarryBaby: isMarryBabyInit, hasShare, hasCountLike, trackingCategory, trackingLabel, children, ...rest }: Props): JSX.Element;
-    LikeWrapper: ({ children, className }: import("./element").Props) => JSX.Element;
-    ShareWrapper: ({ children, className }: import("./element").Props) => JSX.Element;
-    CommentWrapper: ({ children, className }: import("./element").Props) => JSX.Element;
+    ({ 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/together/components/atoms/labelSortPin/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 export type Props = {
     label: ReactNode;
     rightLabel?: ReactNode;
@@ -7,5 +7,5 @@ export type Props = {
     className?: string;
     style?: CSSProperties;
 };
-declare const LabelSortPin: ({ label, rightLabel, onClick, color, className, style, }: Props) => JSX.Element;
+declare const LabelSortPin: ({ label, rightLabel, onClick, color, className, style, }: Props) => React.JSX.Element;
 export { LabelSortPin };

package/build/together/components/atoms/labelSortPin/labelPin.d.ts

@@ -1,9 +1,9 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     onClick?: () => void;
     color?: 'gray' | 'white';
     className?: string;
     style?: CSSProperties;
 };
-declare const LabelPin: ({ onClick, color, className, style }: Props) => JSX.Element;
+declare const LabelPin: ({ onClick, color, className, style }: Props) => React.JSX.Element;
 export { LabelPin };

package/build/together/components/atoms/labelSortPin/labelSorting.d.ts

@@ -18,7 +18,7 @@ export type Props = {
     value?: LabelSortingValue;
     choices?: ChoiceItem[];
 };
-export declare const LabelSorting: ({ onChange, className, style, leftLabel, rightLabel, color, value, choices, }: Props) => JSX.Element;
+export declare const LabelSorting: ({ onChange, className, style, leftLabel, rightLabel, color, value, choices, }: Props) => React.JSX.Element;
 export declare const useSortChoices: (choices: ChoiceItem[]) => {
     setSortChoiceValue: React.Dispatch<React.SetStateAction<LabelSortingValue>>;
     selectedSortChoice: ChoiceItem;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     size?: 'lg' | 'md' | 'sm';
     className?: string;
 };
-declare const Loading: ({ className, size }: Props) => JSX.Element;
+declare const Loading: ({ className, size }: Props) => React.JSX.Element;
 export { Loading };

package/build/together/components/atoms/loading/loadingCard.d.ts

@@ -1,7 +1,7 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     className?: string;
     style?: CSSProperties;
 };
-declare const LoadingCard: ({ className, style }: Props) => JSX.Element;
+declare const LoadingCard: ({ className, style }: Props) => React.JSX.Element;
 export { LoadingCard };

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

@@ -5,5 +5,5 @@ export type Props = {
     bgColor?: string;
     highlightColor?: string;
 };
-declare const NotificationBar: ({ icon, bgColor, highlightColor, message, ...rest }: Props) => JSX.Element;
+declare const NotificationBar: ({ icon, bgColor, highlightColor, message, ...rest }: Props) => React.JSX.Element;
 export { NotificationBar };

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     image: string;
     isLineDrop?: boolean;
@@ -8,5 +8,5 @@ export type Props = {
     hideTitle?: boolean;
     hideButton?: boolean;
 };
-declare const SensitiveMask: ({ image, showIcon }: Props) => JSX.Element;
+declare const SensitiveMask: ({ image, showIcon }: Props) => React.JSX.Element;
 export { SensitiveMask };

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { DefaultProps, Selectors } from '@mantine/core';
 import { Topic } from '../../../interfaces/types';
 type MyComponentStylesNames = Selectors<typeof useStyles>;
@@ -15,5 +15,5 @@ declare const useStyles: (params: void, options?: import("@mantine/core").UseSty
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;
 };
-declare const TagTopic: ({ topics, onClick, className, style, trackingCategory, locale, classNames, styles, unstyled, ...rest }: TagTopicProps) => JSX.Element;
+declare const TagTopic: ({ topics, onClick, className, style, trackingCategory, locale, classNames, styles, unstyled, ...rest }: TagTopicProps) => React.JSX.Element;
 export { TagTopic };

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

@@ -1,4 +1,4 @@
-import { CSSProperties, HTMLAttributes } from 'react';
+import React, { CSSProperties, HTMLAttributes } from 'react';
 export type Props = {
     size?: number;
     style?: CSSProperties;
@@ -7,5 +7,5 @@ export type Props = {
     username?: string;
     isMarryBaby?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
-declare const UserAvatar: ({ className, isMarryBaby: isMarryBabyProp, style, avatar, username, size, ...rest }: Props) => JSX.Element;
+declare const UserAvatar: ({ className, isMarryBaby: isMarryBabyProp, style, avatar, username, size, ...rest }: Props) => React.JSX.Element;
 export { UserAvatar };

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

@@ -1,10 +1,10 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 import { DefaultProps, Selectors } from '@mantine/core';
 import { DataTrackingType, SiteType } from "../../../../interfaces/types";
+import useStyles from './index.styles';
 import { Community, Role } from '../../../interfaces/types';
 import { Props as UserAvatarProps } from '../../atoms/userAvatar';
 import type { ProfileDetailProps } from '../profileDetail';
-import useStyles from './index.styles';
 type MyComponentStylesNames = Selectors<typeof useStyles>;
 export interface Props extends DefaultProps<MyComponentStylesNames, HTMLAttributes<HTMLDivElement>> {
     userId?: number | string;
@@ -51,13 +51,13 @@ export type CardAuthorContextProps = {
     currentUrl: string;
 };
 declare const CardAuthor: {
-    (props: Props): JSX.Element;
+    (props: Props): React.JSX.Element;
     BookingBtn: ({ siteType }: {
         siteType?: SiteType;
-    }) => JSX.Element;
-    MainText: ({ children, className }: import("../../../../components/ui/cardAuthor/element").Props) => JSX.Element;
-    SubText: ({ children, className }: import("../../../../components/ui/cardAuthor/element").Props) => JSX.Element;
-    SubTextRow: ({ children, className }: import("../../../../components/ui/cardAuthor/element").Props) => JSX.Element;
-    SubDivider: ({ className }: import("../../../../components/ui/cardAuthor/element").Props) => JSX.Element;
+    }) => React.JSX.Element;
+    MainText: ({ children, className }: import("../../../../components/ui/cardAuthor/element").Props) => React.JSX.Element;
+    SubText: ({ children, className }: import("../../../../components/ui/cardAuthor/element").Props) => React.JSX.Element;
+    SubTextRow: ({ children, className }: import("../../../../components/ui/cardAuthor/element").Props) => React.JSX.Element;
+    SubDivider: ({ className }: import("../../../../components/ui/cardAuthor/element").Props) => React.JSX.Element;
 };
 export { CardAuthor };

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { Community, Post, Topic } from '../../../interfaces/types';
 export type Props = {
     className?: string;
@@ -18,4 +18,4 @@ export type Props = {
     selectAskDoctor?: boolean;
     showAskDoctorOptions?: boolean;
 };
-export declare const CreateNewPostContent: ({ className, style, onPostCreatedEdited, onClose, communities, forceSelectCommunity, forceSelectTopics, articleId, optionalTopic, editPostData, defaultCommunity, defaultTopics, noFetchTopic, hideTopicList, selectAskDoctor, showAskDoctorOptions, }: Props) => JSX.Element;
+export declare const CreateNewPostContent: ({ className, style, onPostCreatedEdited, onClose, communities, forceSelectCommunity, forceSelectTopics, articleId, optionalTopic, editPostData, defaultCommunity, defaultTopics, noFetchTopic, hideTopicList, selectAskDoctor, showAskDoctorOptions, }: Props) => React.JSX.Element;

package/build/together/components/molecules/createPostDescription/editor.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     html?: string;
     onChange?: (s: string) => void;
@@ -16,5 +16,5 @@ export type Props = {
     setEditorRef?: (editor: HTMLElement) => void;
     isReplying?: boolean;
 };
-export declare const RichTextEditor: ({ html, onChange, className, style, onImagePickerClick, bannedWords, onInvalidUrlsChange, onPreviewUrlChange, setEditorRef, isReplying, }: Props) => JSX.Element;
+export declare const RichTextEditor: ({ html, onChange, className, style, onImagePickerClick, bannedWords, onInvalidUrlsChange, onPreviewUrlChange, setEditorRef, isReplying, }: Props) => React.JSX.Element;
 export default RichTextEditor;

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     className?: string;
     style?: CSSProperties;
@@ -16,4 +16,4 @@ export type Props = {
     onImageFilesChange?: (v: (File | string)[]) => void;
     isReplying?: boolean;
 };
-export declare const CreatePostDescription: ({ className, style, bannedWords, value, onChange, onPreviewUrlChange, onInvalidUrlsChange, onImageFilesChange, imageFiles: imageFilesProp, isReplying, }: Props) => JSX.Element;
+export declare const CreatePostDescription: ({ className, style, bannedWords, value, onChange, onPreviewUrlChange, onInvalidUrlsChange, onImageFilesChange, imageFiles: imageFilesProp, isReplying, }: Props) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     className?: string;
     style?: CSSProperties;
@@ -6,4 +6,4 @@ export type Props = {
     value?: string;
     onChange?: (v: string) => void;
 };
-export declare const CreatePostTitle: ({ className, style, bannedWords, value, onChange, }: Props) => JSX.Element;
+export declare const CreatePostTitle: ({ className, style, bannedWords, value, onChange, }: Props) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { Comment, Post, UserInfo } from '../../../interfaces/types';
 export type Props = {
     className?: string;
@@ -15,5 +15,5 @@ export type Props = {
     isReply?: boolean;
     isMarryBaby?: boolean;
 };
-declare const InputCommentBar: ({ isReply, className, onClose, replyToName, style, replyingId, replyingUser, onPostSuccess, isMainCmt, post, isMarryBaby: isMarryBabyProp, }: Props) => JSX.Element;
+declare const InputCommentBar: ({ isReply, className, onClose, replyToName, style, replyingId, replyingUser, onPostSuccess, post, isMarryBaby: isMarryBabyProp, }: Props) => React.JSX.Element;
 export { InputCommentBar };

package/build/together/components/molecules/inputCommentBar/mainInputTriggerContext.d.ts

@@ -6,4 +6,4 @@ export type Context = {
 export declare const MainInputTriggerContext: React.Context<Context>;
 export declare const MainInputTriggerContextProvider: ({ children, }: {
     children?: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType } from "../../../../interfaces/types";
 import { DoctorInfo } from "../../../interfaces/types";
 export type Props = {
@@ -12,5 +12,5 @@ export type Props = {
     avatarFallback?: string;
     trackingCategory?: string;
 };
-declare const PopupDoctor: ({ isOpen, onClose, enableAnimation, doctorId, locale, isMobile, overwriteProfileProps, avatarFallback, trackingCategory, }: Props) => JSX.Element;
+declare const PopupDoctor: ({ isOpen, onClose, enableAnimation, doctorId, locale, isMobile, overwriteProfileProps, avatarFallback, trackingCategory, }: Props) => React.JSX.Element;
 export { PopupDoctor };

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type Experience = {
     title: string;
     organization: string;
@@ -25,5 +25,5 @@ export type Props = {
     overwriteProfileProps?: ExpertInfo;
     avatarFallback?: string;
 };
-declare const PopupExpert: ({ trackingCategory, locale, isOpen, onClose, enableAnimation, expertId, overwriteProfileProps, avatarFallback, }: Props) => JSX.Element;
+declare const PopupExpert: ({ trackingCategory, locale, isOpen, onClose, enableAnimation, expertId, overwriteProfileProps, avatarFallback, }: Props) => React.JSX.Element;
 export { PopupExpert };

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

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 export type Props = {
     className?: string;
     style?: CSSProperties;
@@ -9,4 +9,4 @@ export type Props = {
     hasFullscreen?: boolean;
     onClose?: () => void;
 };
-export declare const PopupFrame: ({ className, style, closeIcon, heading, children, isOpen, hasFullscreen, onClose, }: Props) => JSX.Element;
+export declare const PopupFrame: ({ className, style, closeIcon, heading, children, isOpen, hasFullscreen, onClose, }: Props) => React.JSX.Element;

package/build/together/components/molecules/popupFrame/popupShare.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     trackingCategory?: string;
     className?: string;
@@ -8,5 +8,5 @@ export type Props = {
     text?: string;
     onClose?: () => void;
 };
-export declare const SharePopup: ({ trackingCategory, className, style, url, avatar, text, onClose, }: Props) => JSX.Element;
+export declare const SharePopup: ({ trackingCategory, className, style, url, avatar, text, onClose, }: Props) => React.JSX.Element;
 export declare const StyledSharePopup: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { LocaleType } from "../../../../interfaces/types";
 export type Specialy = {
     id: string;
@@ -29,5 +29,5 @@ export type Props = {
     avatarFallback?: string;
     trackingCategory?: string;
 };
-declare const PopupHospital: ({ isOpen, onClose, enableAnimation, hospitalId, locale, isMobile, overwriteProfileProps, avatarFallback, trackingCategory, }: Props) => JSX.Element;
+declare const PopupHospital: ({ isOpen, onClose, enableAnimation, hospitalId, locale, isMobile, overwriteProfileProps, avatarFallback, trackingCategory, }: Props) => React.JSX.Element;
 export { PopupHospital };

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes, MouseEventHandler } from 'react';
+import React, { HTMLAttributes, MouseEventHandler } from 'react';
 import { DefaultProps, Selectors } from '@mantine/core';
 import { UserInfo } from 'together/interfaces/types';
 import useStyles from './index.styles';
@@ -18,5 +18,5 @@ export interface Props extends DefaultProps<MyComponentStylesNames, HTMLAttribut
     hideShowAllBtn?: boolean;
     onClick?: MouseEventHandler<HTMLDivElement>;
 }
-export declare const PostContent: ({ trackingCategory, url, className, style, replyingTo, mentionedUser, description: rawDescription, disableShortenContent, mentions, maxChars, hideShowAllBtn, styles, ...rest }: Props) => JSX.Element;
+export declare const PostContent: ({ trackingCategory, url, className, style, replyingTo, mentionedUser, description: rawDescription, disableShortenContent, mentions, maxChars, hideShowAllBtn, styles, ...rest }: Props) => React.JSX.Element;
 export {};

package/build/together/components/molecules/postImagePreview/imagePreviewPopup.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     className?: string;
     style?: CSSProperties;
@@ -7,4 +7,4 @@ export type Props = {
     onClose?: () => void;
     onOpenSingleView?: (index: number) => void;
 };
-export declare const ImagePreviewPopup: ({ className, style, authorName, images, onClose, onOpenSingleView, }: Props) => JSX.Element;
+export declare const ImagePreviewPopup: ({ className, style, authorName, images, onClose, onOpenSingleView, }: Props) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     images?: string[];
     authorName?: string;
@@ -7,5 +7,5 @@ export type Props = {
     isSensitive?: boolean;
     isMobile?: boolean;
 };
-declare const PostImagePreview: ({ className, images, style, authorName, isSensitive, }: Props) => JSX.Element;
+declare const PostImagePreview: ({ className, images, style, authorName, isSensitive, }: Props) => React.JSX.Element;
 export { PostImagePreview };

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const StyledPostImagePreview: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledImagePreviewPopup: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledNotificationBar: import("styled-components").StyledComponent<({ icon, bgColor, highlightColor, message, ...rest }: import("../../atoms/notificationBar").Props) => JSX.Element, any, {}, never>;
+export declare const StyledNotificationBar: import("styled-components").StyledComponent<({ icon, bgColor, highlightColor, message, ...rest }: import("../../atoms/notificationBar").Props) => import("react").JSX.Element, any, {}, never>;

package/build/together/components/molecules/postImagePreview/postSingleImageViewPopup/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export type Props = {
     images: string[];
     initialViewIndex: number;
     onClose?: () => void;
 };
-export declare const PostSingleImageViewPopup: ({ initialViewIndex, images, onClose, }: Props) => JSX.Element;
+export declare const PostSingleImageViewPopup: ({ initialViewIndex, images, onClose, }: Props) => React.JSX.Element;

package/build/together/components/molecules/profileDetail/about/articleCard/index.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import { Article } from "../../../../../interfaces/types";
 export type Props = {
     isReview?: boolean;
 } & Article & HTMLAttributes<HTMLDivElement>;
-declare const ArticleCard: ({ featureImage, postTitle, author, categories, isReview, className, }: any) => JSX.Element;
+declare const ArticleCard: ({ featureImage, postTitle, author, categories, isReview, className, }: any) => React.JSX.Element;
 export { ArticleCard };

package/build/together/components/molecules/profileDetail/about/index.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from 'react';
 import { TabData } from '../types';
 export type Props = {
     info: TabData;
 } & HTMLAttributes<HTMLDivElement>;
-declare const About: ({ className }: Props) => JSX.Element;
+declare const About: ({ className }: Props) => React.JSX.Element;
 export { About };

package/build/together/components/molecules/profileDetail/answering/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type Props = {
     id?: string | number;
     className?: string;
@@ -7,5 +7,5 @@ export type Props = {
     value?: string;
     onChange?: (v: string) => void;
 };
-declare const Answering: ({ id }: Props) => JSX.Element;
+declare const Answering: ({ id }: Props) => React.JSX.Element;
 export { Answering };

package/build/together/components/molecules/profileDetail/answering/postCard/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, HTMLAttributes } from 'react';
+import React, { CSSProperties, HTMLAttributes } from 'react';
 import { Post } from "../../../../../interfaces/types";
 export type Props = {
     post?: Post;
@@ -9,5 +9,5 @@ export type Props = {
     value?: string;
     onChange?: (v: string) => void;
 } & HTMLAttributes<HTMLDivElement>;
-declare const PostCard: ({ post, className }: Props) => JSX.Element;
+declare const PostCard: ({ post, className }: Props) => React.JSX.Element;
 export { PostCard };

package/build/together/components/molecules/profileDetail/care/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Care: () => JSX.Element;
+import React from 'react';
+declare const Care: () => React.JSX.Element;
 export { Care };