@hhgtech/hhg-components 1.23.88 → 1.23.90-beta-1

package/build/index-0c5ddccf.js

@@ -1 +0,0 @@
-"use strict";var n=require("./tslib.es6-4e138147.js"),e=require("react"),t=require("@mantine/core"),r=require("@mantine/form"),o=require("./index-71010f37.js"),i=require("yup"),a=require("styled-components"),d=require("./logoIcon-cf5fbb3f.js"),s=require("./index-32cfafb1.js"),l=require("./index-a4aaf706.js"),u=require("./utils-bdb48aa7.js"),p=require("./index-bbcf372d.js"),m=require("./theme-5d1929a2.js"),c=require("./index-7bade44d.js"),g=require("./Locale-34e60fe7.js"),f=require("./useTranslations-1b384b29.js");function h(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function b(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var x,E,L,O,j,w,y,_=h(e),P=b(i),q=h(a),v=e.createContext({}),C=q.default.div(x||(x=n.__makeTemplateObject([""],[""]))),M=q.default(l.Text)(E||(E=n.__makeTemplateObject(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),T=q.default.div(L||(L=n.__makeTemplateObject(["\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"]))),I=q.default(t.Container)(O||(O=n.__makeTemplateObject(["\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"])),u.MediaQueries.mbDown),A=q.default.img(j||(j=n.__makeTemplateObject(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),z=function(t){var r,o=t.heading,i=t.description,a=t.children,l=t.className,u=t.imgSrc,c=n.__rest(t,["heading","description","children","className","imgSrc"]),g=e.useContext(v),f=g.isMarryBaby,h=g.siteType;return _.default.createElement(I,n.__assign({},c,{className:"hhg-comp-onboarding-container ".concat(l),size:"sm"}),_.default.createElement(d.LogoIcon,{type:f?h:(null===(r=s.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),_.default.createElement(T,null,u&&_.default.createElement(A,{src:u,loading:"lazy"}),_.default.createElement(C,{className:"header"},_.default.createElement(p.Heading,{tag:"h3"},o),_.default.createElement(M,{size:"p3",color:m.theme.colors.gray600},i)),a))},N=function(n){return P.object().shape({phone:P.string().required(n("onboarding.updatePhone.error")).default("")})},S=q.default(z)(w||(w=n.__makeTemplateObject(["\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"])),u.MediaQueries.mbDown),k=((y={})[g.LOCALE.Vietnam]="VN",y[g.LOCALE.Cambodia]="KH",y[g.LOCALE.Indonesia]="ID",y[g.LOCALE.Malaysia]="MY",y[g.LOCALE.PhilippinesEnglish]="PH",y[g.LOCALE.PhilippinesTagalog]="PH",y[g.LOCALE.Taiwan]="TW",y[g.LOCALE.Thailand]="TH",y[g.LOCALE.Myanmar]="MM",y);exports.FormSection=z,exports.MAPPED_LOCALE=k,exports.OnboardingContext=v,exports.OnboardingForm=function(e){var i=e.onClose,a=e.onSubmit,d=e.canSkip,s=void 0===d||d,l=e.customFormTexts,u=f.useTranslations().t,p=r.useForm({initialValues:{phone:""},validate:r.yupResolver(N(u))});return _.default.createElement(S,{heading:(null==l?void 0:l.heading)||u("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||u("onboarding.updatePhone.description")},_.default.createElement("form",{onSubmit:p.onSubmit((function(e){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){return a(e.phone),[2]}))}))}),(function(n){console.log(n)}))},_.default.createElement("div",{className:"phone-input"},_.default.createElement(o.Phone,n.__assign({defaultCountry:k[process.env.UNIFY_LOCALE]||"VN"},p.getInputProps("phone"))),_.default.createElement(t.Input.Error,null,p.errors.phone)),_.default.createElement(c.Button,{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"},u("onboarding.button.continue")),s&&_.default.createElement(c.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:i,type:"button"},u("onboarding.button.skip"))))},exports.onboardingEmailSchema=function(n){return P.object().shape({email:P.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:P.string().required(n("onboarding.errorMessage.requiredName"))})},exports.onboardingUpdatePasswordSchema=function(n){return P.object().shape({password:P.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:P.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([P.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},exports.otpSchema=function(n){return P.object().shape({otp:P.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})};