@hhgtech/hhg-components 1.23.84 → 1.23.85

package/build/esm/index-ee0a0f11.js

@@ -1 +0,0 @@
-import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-bbaba938.js";import i,{createContext as a,useContext as l,useState as s,useRef as c,useEffect as d,useMemo as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{H as b}from"./index.styled-22674d31.js";import{B as h}from"./index-45cdf6ab.js";import"./gAssets.js";import"./index.styled-93419bc4.js";import{c as f}from"./index-e7740917.js";import{M as x}from"./utils-1e2b6e44.js";import{t as E}from"./theme-25d03c98.js";import{Container as y,Input as v}from"@mantine/core";import"./index.styled-6efcb63d.js";import{u as w}from"./useTranslations-9f870bbc.js";import"./index-c6dbc7dd.js";import"lodash/debounce";import"./isProduction-22a60e6c.js";import{L as P}from"./index-b8842b68.js";import"dayjs";import"./screenSizeContext-35b94839.js";import k from"styled-components";import{L as S}from"./Locale-f95814cc.js";import"./translationsContext-8b14d38c.js";import"string-format";import{T as C}from"./index-13ef04dd.js";import{useForm as M,yupResolver as j}from"@mantine/form";import{e as T,O as I,D as N,R as z}from"./index-de2d08d4.js";import*as L from"yup";import B from"lodash/throttle";import{P as O}from"./index-a5631f5e.js";import"./index-483df985.js";import{format as F}from"date-fns";import{V as D}from"./Visible-a9656ab5.js";var V,H,U,q,R,A,_,W,Y=a({}),K=k.div(V||(V=n([""],[""]))),Z=k(C)(H||(H=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),G=k.div(U||(U=n(["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"],["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"]))),J=k(y)(q||(q=n(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"])),x.mbDown),Q=k.img(R||(R=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),X=function(n){var t,r=n.heading,a=n.description,s=n.children,c=n.className,d=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]),p=l(Y),u=p.isMarryBaby,g=p.siteType;return i.createElement(J,o({},m,{className:"hhg-comp-onboarding-container ".concat(c),size:"sm"}),i.createElement(f,{type:u?g:(null===(t=P[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),i.createElement(G,null,d&&i.createElement(Q,{src:d,loading:"lazy"}),i.createElement(K,{className:"header"},i.createElement(b,{tag:"h3"},r),i.createElement(Z,{size:"p3",color:E.colors.gray600},a)),s))},$=function(n){return L.object().shape({phone:L.string().required(n("onboarding.updatePhone.error")).default("")})},nn=function(n){return L.object().shape({otp:L.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},en=function(n){return L.object().shape({email:L.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:L.string().required(n("onboarding.errorMessage.requiredName"))})},on=function(n){return L.object().shape({password:L.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:L.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([L.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},tn=k(X)(A||(A=n(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),x.mbDown),rn=((_={})[S.Vietnam]="VN",_[S.Cambodia]="KH",_[S.Indonesia]="ID",_[S.Malaysia]="MY",_[S.PhilippinesEnglish]="PH",_[S.PhilippinesTagalog]="PH",_[S.Taiwan]="TW",_[S.Thailand]="TH",_[S.Myanmar]="MM",_),an=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,d=w().t,m=M({initialValues:{phone:""},validate:j($(d))});return i.createElement(tn,{heading:(null==c?void 0:c.heading)||d("onboarding.updatePhone.heading"),description:(null==c?void 0:c.description)||d("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:m.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(e){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(T,o({defaultCountry:rn[process.env.UNIFY_LOCALE]||"VN"},m.getInputProps("phone"))),i.createElement(v.Error,null,m.errors.phone)),i.createElement(h,{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"},d("onboarding.button.continue")),s&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip"))))};(W={})[S.Vietnam]="VN",W[S.Cambodia]="KH",W[S.Indonesia]="ID",W[S.Malaysia]="MY",W[S.PhilippinesEnglish]="PH",W[S.PhilippinesTagalog]="PH",W[S.Taiwan]="TW",W[S.Thailand]="TH",W[S.Myanmar]="MM";var ln,sn,cn,dn,mn,pn,un,gn,bn,hn,fn,xn,En=function(n){void 0===n&&(n="");var e=n.indexOf("@"),o=n.substring(0,e),t=o.length>3?3:o.length;return n.replace(n.substring(t,e),n.slice(t,e).replace(/./g,"x"))},yn=k(X)(ln||(ln=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),x.mbDown,x.mbDown),vn=function(n){var e=n.onSubmit,a=n.phone,p=n.email,b=n.onResendCode,f=n.otpError,x=n.onClose,y=n.loading,P=n.onBack,k=n.canSkip,S=n.outOfEdit,T=l(Y),N=T.siteType,z=T.isMarryBaby,L=s(30),O=L[0],F=L[1],D=u((function(){return F((function(n){return n-1}))}),1e3),V=g(0,{min:0,max:3}),H=V[0],U=V[1],q=c(!0),R=w().t;d((function(){return D.start(),D.stop}),[]),d((function(){0===O&&(D.stop(),q.current=!1)}),[O]);var A=M({initialValues:{otp:""},validate:j(nn(R))});d((function(){f&&A.setFieldError("otp",f)}),[f]);var _=m((function(){return B((function(){q.current||(U.increment(),F(30),null==b||b(a||p),D.start(),q.current=!0)}),1e3,{trailing:!1})}),[a,p,b,D]);return i.createElement(yn,{heading:R("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:a?R("onboarding.otpForm.description",{phone:'<b style="color:'.concat(E.colors.gray800,'">').concat(a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3)),"</b>")}):R("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(E.colors.gray800,'">').concat(En(p),"</b>")})}}),!S&&i.createElement("svg",{onClick:function(){null==P||P()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.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"})))},i.createElement("form",{onSubmit:A.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return U.increment(),e(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(I,o({enterKeyHint:void 0,nonce:void 0},A.getInputProps("otp"))),i.createElement(v.Error,null,A.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(C,{size:"p4",color:E.colors.gray400},R("onboarding.otpForm.notReceiveOTP")),i.createElement(C,{as:"a",size:"p4",color:z?E.mbColors.pink:E.colors.primaryBase,onClick:_},R("onboarding.otpForm.resendCode",{seconds:O}))),i.createElement(h,{theme:N,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},R("onboarding.button.continue")),k&&H>=3&&i.createElement(h,{theme:N,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},R("onboarding.button.skip"))))},wn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.loading,s=n.errorMessage,c=n.initialData,m=w().t,p=l(Y).siteType,u=M({validate:j(en(m))});return d((function(){u.setValues(o(o({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),d((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(X,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:u.onSubmit((function(n){t(o(o({},n),{birthday:n.birthday&&F(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("name"))),i.createElement(v.Error,{className:"field-error"},u.errors.name)),i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("email"))),i.createElement(v.Error,{className:"field-error"},u.errors.email)),i.createElement(N,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(z.Group,{value:u.values.gender,onChange:function(n){return u.setFieldValue("gender",n)},className:"radio-group"},i.createElement(z,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(z,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},m("onboarding.button.continue")),r&&i.createElement(h,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},Pn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=w().t,c=M({initialValues:{password:"",confirmPassword:""},validate:j(on(s))});return i.createElement(X,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:c.onSubmit((function(n){return t((null==n?void 0:n.password)||"")}),(function(n){console.log({fieldErrors:n})}))},i.createElement(O,o({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("password"))),i.createElement(O,o({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("confirmPassword"))),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&i.createElement(v.Error,{className:"form-error"},a)))},kn=k.div(sn||(sn=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),Sn=k.div(cn||(cn=n(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),x.lgPcUp),Cn=k.div(dn||(dn=n(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),x.lgPcUp),Mn=k.div(mn||(mn=n(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),x.lgPcUp),jn=k.div(pn||(pn=n(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),E.colors.blue50,E.mbColors.tonePink),Tn=k.div(un||(un=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),In=k(b)(gn||(gn=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),Nn=k(C)(bn||(bn=n([""],[""]))),zn=k.img(hn||(hn=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),Ln=k.div(fn||(fn=n([""],[""])));!function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.OTPEmail=2]="OTPEmail",n[n.PersonalInfo=3]="PersonalInfo",n[n.UpdatePassword=4]="UpdatePassword",n[n.Result=5]="Result"}(xn||(xn={}));var Bn=function(n){var a=n.onClose,l=n.canSkip,c=n.flow,d=void 0===c?[xn.Phone,xn.OTP]:c,m=n.step,u=n.onPhoneSubmit,b=n.onOtpSubmit,f=n.onPersonalInfoSubmit,x=n.onCreatePassByEmail,y=n.onResendCode,v=n.otpError,P=n.personalInfoError,k=n.createPassError,S=n.emailLoading,C=n.createPassLoading,M=n.otpLoading,j=n.customFormTexts,T=n.initialData,I=n.banner,N=n.resultScreenProps,z=n.siteType,L=e(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),B=w().t,O=s(m||d[0]),F=O[0],D=O[1],V=s(""),H=V[0],U=V[1],q=s(""),R=q[0],A=q[1],_=g(0,{min:0,max:2}),W=_[0],K=_[1],Z=p((function(){var n=d.indexOf(F)+1;n<=d.length-1&&D(d[n])}),[F]),G=p((function(){var n=d.indexOf(F)-1;n>=0&&D(d[n])}),[F]),J=function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,b(n)];case 1:return!o.sent()&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},Q=function(){W>=2||(K.increment(),G())},$="marryBaby"===z;return console.log({isMarryBaby:$}),i.createElement(Y.Provider,{value:{siteType:z,isMarryBaby:$}},i.createElement(kn,o({},L),d.length>0?i.createElement(Sn,null,i.createElement(Cn,{"data-has-banner":"object"==typeof I},F===xn.Phone&&i.createElement(an,{onClose:a,canSkip:l,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),U(n),[4,null==u?void 0:u(n)];case 1:return o.sent(),Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:j.onboarding}),F===xn.OTP&&i.createElement(vn,{onClose:a,onSubmit:J,phone:H,onResendCode:y,otpError:v,loading:M,canSkip:l,onBack:Q,outOfEdit:W>=2}),F===xn.OTPEmail&&i.createElement(vn,{onClose:a,onSubmit:J,onResendCode:y,otpError:v,loading:M,canSkip:l,onBack:Q,outOfEdit:W>=2,email:R}),F===xn.PersonalInfo&&i.createElement(wn,{initialData:null==T?void 0:T[xn.PersonalInfo],onClose:a,canSkip:l,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),A((null==n?void 0:n.email)||""),[4,null==f?void 0:f(n)];case 1:return!o.sent()&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:P,loading:S}),F===xn.UpdatePassword&&i.createElement(Pn,{onClose:a,canSkip:l,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,null==x?void 0:x(n)];case 1:return o.sent(),!k&&Z(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:C}),F===xn.Result&&i.createElement(X,o({},N),i.createElement(h,{theme:z,size:"lg",onClick:a,className:"form-button"},B("onboarding.button.continue")))),"object"==typeof I&&i.createElement(Mn,null,i.createElement(jn,{"data-is-marry-baby":$},i.createElement(Tn,null,(null==I?void 0:I.heading)&&i.createElement(In,{tag:"h1"},null==I?void 0:I.heading),(null==I?void 0:I.description)&&i.createElement(Nn,{size:"p1",color:E.colors.gray800},B("onboarding.welcomeScreen.content"))),(null==I?void 0:I.imgSrc)&&i.createElement(Ln,null,i.createElement(zn,{src:null==I?void 0:I.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{rn as M,Bn as O,xn as a,an as b,vn as c};