@hhgtech/hhg-components 1.25.42 → 1.25.43

package/build/screenSizeContext-5ddeca2d.js

@@ -1,81 +0,0 @@
-"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;
-}
-
-to {
-  transform: translate3d(0, 0, 0);
-}
-`,d=t.keyframes`
-from {
-    transform: translate3d(0, -100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,l=t.keyframes`
- from {
-    transform: translate3d(-100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,f=t.keyframes`
- from {
-    transform: translate3d(100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,m=t.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(0, 100%, 0);
-}
-`,p=t.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(-100%, 0, 0);
-}
-`,u=t.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(100%, 0, 0);
-}
-`,y=t.keyframes`
- from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    transform: translate3d(0, -100%, 0);
-  }
-`,B=t.keyframes`
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-`,c=e.createContext({isInit:!0}),v=t=>{const e=(t=>"number"==typeof t?t:"undefined"!=typeof window&&window.innerWidth||0)(t);return{smallMobile:e<s.Breakpoints.BREAK_POINT_SMALL_MOBILE,mobile:e>=s.Breakpoints.BREAK_POINT_SMALL_MOBILE&&e<s.Breakpoints.BREAK_POINT_MOBILE,tablet:e>=s.Breakpoints.BREAK_POINT_MOBILE&&e<s.Breakpoints.BREAK_POINT_TABLET,pc:e>=s.Breakpoints.BREAK_POINT_TABLET&&e<s.Breakpoints.BREAK_POINT_PC,xl:e>=s.Breakpoints.BREAK_POINT_PC}};exports.ScreenSizeContext=c,exports.ScreenSizeContextProvider=({children:t})=>{const[r,s]=e.useState((()=>({isInit:!0})));e.useEffect((()=>{const t=o.default((()=>{s({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",t,{passive:!0}),()=>{window.removeEventListener("resize",t)}}),[]);const i=e.useMemo((()=>v(r.width)),[r.width]);return n.default.createElement(c.Provider,{value:Object.assign(Object.assign({},r),{sizeGroups:i})},t)},exports.fadeIn=B,exports.getWindowSizeGroups=v,exports.slideInDown=d,exports.slideInLeft=l,exports.slideInRight=f,exports.slideInUp=a,exports.slideOutDown=m,exports.slideOutLeft=p,exports.slideOutRight=u,exports.slideOutUp=y;

package/build/utils-1fd82192.js

@@ -1,166 +0,0 @@
-"use strict";require("dayjs"),require("./screenSizeContext-5ddeca2d.js");var e=require("react"),t=require("styled-components"),r=require("./theme-21cb6933.js"),n=require("./index-864331fa.js"),a=require("./utils-d0bf39f0.js");require("./isProduction-668ab2b8.js");var i=require("./Onboarding-d3651df7.js");require("./gAssets.js");var o=require("./tslib.es6-b99f8b94.js"),s=require("@mantine/form");require("./index.styled-de0cfc3a.js");var d=require("./index-3d433cce.js"),l=require("@mantine/core");require("./index-92ac398a.js");var u=require("./index-de6a4cba.js");require("./index.styled-cdad5008.js");var p=require("./useTranslations-e1f00e49.js");require("./index-dfb6e4ea.js");var c=require("./index-c6baf477.js");require("./index-b6919199.js"),require("@mantine/hooks"),require("lodash/debounce");var m=require("./index-8ca92401.js"),g=require("./Visible-e1a64d77.js"),b=require("yup");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("./translationsContext-6d1cbb1b.js"),require("string-format");var x=f(e),E=f(t),L=h(b);const y=e.createContext({}),[O,w,C]=s.createFormContext(),P=E.default.div`
-  margin-top: 70px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,v=E.default(l.Container)`
-  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    height: 100%;
-    width: 100%;
-    max-width: 520px;
-  }
-  .header {
-    margin-bottom: 32px;
-    text-align: center;
-    ${a.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-  }
-
-  .input-control {
-    width: 100%;
-  }
-  .radio-group,
-  .input-control {
-    margin-bottom: 16px;
-  }
-  .form {
-    width: 100%;
-  }
-
-  /* .form-error {
-    margin-top: 32px;
-    font-size: 14px;
-  }
-
-  .field-error {
-    margin-top: 10px;
-    font-size: 14px;
-  } */
-
-  .form-button {
-    width: 100%;
-  }
-`,j=E.default.img`
-  margin-bottom: 38px;
-`,q=t=>{var a,{heading:i,description:s,children:d,className:p,imgSrc:c}=t,g=o.__rest(t,["heading","description","children","className","imgSrc"]);const{isMarryBaby:b,siteType:f}=e.useContext(y);return x.default.createElement(v,Object.assign({},g,{className:`hhg-comp-onboarding-container ${p}`,size:"sm"}),x.default.createElement(u.LogoIcon,{type:b?f:(null===(a=n.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===a?void 0:a.LOGO_TYPE)||"hellobacsi"}),x.default.createElement(P,null,c&&x.default.createElement(j,{src:c,loading:"lazy"}),x.default.createElement("div",{className:"header"},x.default.createElement(l.Title,{order:3},i),x.default.createElement(m.Text,{size:"p3",mt:8,color:r.theme.colors.gray600},s)),d))},A=E.default.div`
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  background: white;
-  overflow-y: auto;
-`,M=E.default.div`
-  height: 100%;
-  ${a.MediaQueries.lgPcUp} {
-    display: table;
-    width: 100%;
-    height: calc(100% - 25px);
-  }
-`,I=E.default.div`
-  padding: 48px 24px 24px;
-
-  ${a.MediaQueries.lgPcUp} {
-    display: table-cell;
-
-    &[data-has-banner='true'] {
-      width: calc(100% - 640px);
-    }
-  }
-`,T=E.default.div`
-  width: 640px;
-  padding: 16px 16px 0 16px;
-  display: none;
-
-  ${a.MediaQueries.lgPcUp} {
-    width: 640px;
-    display: table-cell;
-  }
-`,S=E.default.div`
-  background-color: ${r.theme.colors.primary50};
-  border-radius: 12px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  &[data-is-marry-baby='true'] {
-    background-color: ${r.theme.mbColors.tonePink};
-  }
-`,k=E.default.div`
-  margin-top: 40px;
-  padding: 24px 40px;
-`,N=E.default.img`
-  width: 100%;
-  display: block;
-`,z=E.default(q)`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${a.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,B=E.default.div`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${a.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,D={[i.LOCALE.Vietnam]:"VN",[i.LOCALE.Cambodia]:"KH",[i.LOCALE.Indonesia]:"ID",[i.LOCALE.Malaysia]:"MY",[i.LOCALE.PhilippinesEnglish]:"PH",[i.LOCALE.PhilippinesTagalog]:"PH",[i.LOCALE.Taiwan]:"TW",[i.LOCALE.Thailand]:"TH",[i.LOCALE.Myanmar]:"MM"},_=({inputOrder:e=["phone"]})=>{const{t:t}=p.useTranslations(),r=w(),n=x.default.createElement("div",{className:"phone-input"},x.default.createElement(c.Phone,Object.assign({defaultCountry:D[process.env.UNIFY_LOCALE]||"VN"},r.getInputProps("phone"))),x.default.createElement(l.Input.Error,null,r.errors.phone)),a=x.default.createElement(c.Input,Object.assign({label:x.default.createElement(m.Text,{size:"s4",weight:"semiBold"},t("onboarding.formEmail.yourName")),withAsterisk:!0},r.getInputProps("name"))),i=x.default.createElement(c.Input,Object.assign({label:x.default.createElement(m.Text,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourEmail")),withAsterisk:!0},r.getInputProps("email"))),o=x.default.createElement(c.DatePicker,Object.assign({label:x.default.createElement(m.Text,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},r.getInputProps("dob"))),s=x.default.createElement(c.Radio.Group,Object.assign({className:"radio-group",label:x.default.createElement(m.Text,{size:"s4",weight:"semiBold",span:!0},t("bmi.selectGender"))},r.getInputProps("gender")),x.default.createElement(c.Radio,{value:"0",label:t("onboarding.formEmail.genderMale")}),x.default.createElement(c.Radio,{value:"1",label:t("onboarding.formEmail.genderFemale")})),d=x.default.createElement("div",{className:"otp-input"},x.default.createElement(c.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},r.getInputProps("otp"))),x.default.createElement(l.Input.Error,null,r.errors.otp)),u=x.default.createElement(c.Input.Password,Object.assign({label:x.default.createElement(m.Text,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:x.default.createElement(g.Visible,null)},r.getInputProps("password"))),b=x.default.createElement(c.Input.Password,Object.assign({label:x.default.createElement(m.Text,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:x.default.createElement(g.Visible,null)},r.getInputProps("confirmPassword"))),f=e.map((e=>{switch(e){case"phone":return n;case"full_name":return a;case"email":return i;case"dob":return o;case"gender":return s;case"otp":return d;case"password":return u;case"confirm_password":return b;default:return null}}));return x.default.createElement(B,null,f)},F=e=>L.object().shape({phone:L.string().required(e("onboarding.updatePhone.error")).default("")}),$={[i.LOCALE.Vietnam]:"VN",[i.LOCALE.Cambodia]:"KH",[i.LOCALE.Indonesia]:"ID",[i.LOCALE.Malaysia]:"MY",[i.LOCALE.PhilippinesEnglish]:"PH",[i.LOCALE.PhilippinesTagalog]:"PH",[i.LOCALE.Taiwan]:"TW",[i.LOCALE.Thailand]:"TH",[i.LOCALE.Myanmar]:"MM"},V=E.default(q)`
-  .otp-input {
-    margin-bottom: 36px;
-    ${a.MediaQueries.mbDown} {
-      margin-bottom: 20px;
-    }
-    .otpContainer {
-      margin-bottom: 16px;
-    }
-  }
-  .resend {
-    display: flex;
-    gap: 6px;
-    margin-bottom: 32px;
-    ${a.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-    a {
-      text-decoration: underline;
-      cursor: pointer;
-    }
-  }
-  .phone-description {
-    margin-left: 2px;
-    margin-top: 2px;
-  }
-  .otp-description-edit-icon {
-    cursor: pointer;
-    vertical-align: bottom;
-    /* height: 100%; */
-    margin-bottom: 3px;
-    margin-left: 3px;
-  }
-`;i.LOCALE.Vietnam,i.LOCALE.Cambodia,i.LOCALE.Indonesia,i.LOCALE.Malaysia,i.LOCALE.PhilippinesEnglish,i.LOCALE.PhilippinesTagalog,i.LOCALE.Taiwan,i.LOCALE.Thailand,i.LOCALE.Myanmar;exports.DynamicForm=_,exports.FormProvider=O,exports.MAPPED_LOCALE=$,exports.Onboarding=q,exports.OnboardingContext=y,exports.OnboardingForm=({onClose:e,onSubmit:t,canSkip:r=!0,customFormTexts:n})=>{const{t:a}=p.useTranslations(),i=C({initialValues:{phone:""},validate:s.yupResolver(F(a))});return x.default.createElement(z,{heading:(null==n?void 0:n.heading)||a("onboarding.updatePhone.heading"),description:(null==n?void 0:n.description)||a("onboarding.updatePhone.description")},x.default.createElement(O,{form:i},x.default.createElement("form",{onSubmit:i.onSubmit((e=>o.__awaiter(void 0,void 0,void 0,(function*(){t(e.phone)}))),(e=>{console.log(e)}))},x.default.createElement(_,{inputOrder:["phone"]}),x.default.createElement(d.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"},a("onboarding.button.continue")),r&&x.default.createElement(d.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},a("onboarding.button.skip")))))},exports.StyledBannerCol=T,exports.StyledBannerImg=N,exports.StyledBannerInner=S,exports.StyledContainer=M,exports.StyledContent=I,exports.StyledIntro=k,exports.StyledOnboardingModal=A,exports.StyledOtpForm=V,exports.hiddenEmailChar=(e="")=>{const t=e.indexOf("@"),r=e.substring(0,t),n=r.length>3?3:r.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},exports.onboardingEmailSchema=e=>L.object().shape({email:L.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:L.string().required(e("onboarding.errorMessage.requiredName"))}),exports.onboardingUpdatePasswordSchema=e=>L.object().shape({password:L.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:L.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([L.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),exports.otpSchema=e=>L.object().shape({otp:L.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),exports.useForm=C;