@hhgtech/hhg-components 1.23.96 → 1.24.0

package/build/hooks/useRafState.d.ts

@@ -0,0 +1,3 @@
+/** src: https://www.benmvp.com/blog/8-helpful-custom-react-hooks/
+ * delay State update till next animation frame. Similar to debounce but shorter */
+export declare const useRafState: <S>(initialState: S | (() => S)) => readonly [S, (value: S | ((prevState: S) => S)) => void];

package/build/hooks/useUniqueId.d.ts

@@ -0,0 +1,5 @@
+/** src: https://www.benmvp.com/blog/8-helpful-custom-react-hooks/
+ * Generate Unique ID for both server and client side. Format: hhg-gen-id{number}
+ * This depend on render order, assuming that the order is the same on server and client.
+ */
+export declare const useUniqueId: () => string;

package/build/hooks.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useTranslations-ef77629a.js"),r=require("./useScrollbarSize-05810e22.js"),s=require("./useFbDataLayer-2105ab05.js"),a=require("./useHealthToolCache-1b87ca61.js");require("react"),require("./translationsContext-c72cd9e1.js"),require("string-format"),require("lodash/debounce"),require("./tslib.es6-431789a4.js"),require("./cookieHelper-28201535.js"),require("./getDynamicHealthTool-cc9d53e4.js"),require("./core-359f3669.js"),require("./isProduction-04c3761b.js"),require("./normalizeLink-37918249.js"),require("./routing-b6c93661.js"),require("./index-25301c21.js"),require("./Locale-9341a76f.js"),exports.useTranslations=e.useTranslations,exports.MEASURE_ELEMENT_CLASS=r.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=r.useScrollbarSize,exports.useFbDataLayer=s.useFbDataLayer,exports.useHealthToolsCache=a.useHealthToolsCache;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useTranslations-fa071ccf.js"),s=require("./useScrollbarSize-328d9797.js"),r=require("./useRafState-012ffb1f.js"),i=require("./useHealthToolCache-7f3b83ae.js"),u=require("./useIsInit-e8b04977.js"),t=require("./useOutsideClick-f11e7192.js"),a=require("./useUniqueId-5a393d9b.js");require("react"),require("./translationsContext-c77a479e.js"),require("string-format"),require("lodash/debounce"),require("./tslib.es6-c8b5aa16.js"),require("./cookieHelper-9f080637.js"),require("./getDynamicHealthTool-e361a825.js"),require("./core-b2fe46dd.js"),require("./isProduction-e392487d.js"),require("./normalizeLink-62e8417c.js"),require("./routing-72b2705b.js"),require("./index-b6acdcae.js"),require("./Locale-0c6090ac.js"),exports.useTranslations=e.useTranslations,exports.MEASURE_ELEMENT_CLASS=s.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=s.useScrollbarSize,exports.useFbDataLayer=r.useFbDataLayer,exports.usePrevious=r.usePrevious,exports.useRafState=r.useRafState,exports.useHealthToolsCache=i.useHealthToolsCache,exports.useIsInit=u.useIsInit,exports.initSharedOutSideClickListener=t.initSharedOutSideClickListener,exports.useOutsideClick=t.useOutsideClick,exports.useSharedOutsideClick=t.useSharedOutsideClick,exports.useInitialMount=a.useInitialMount,exports.useUniqueId=a.useUniqueId;

package/build/i18n.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./translationsProvider-f14439a0.js"),s=require("./translationsContext-c72cd9e1.js");require("./tslib.es6-431789a4.js"),require("react"),exports.TranslationsProvider=r.TranslationsProvider,exports.translationsMap=r.translationsMap,exports.TranslationsContext=s.TranslationsContext,exports.defaultTranslations=s.defaultTranslations;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./translationsProvider-631b95ce.js"),t=require("./translationsContext-c77a479e.js");require("react"),exports.TranslationsProvider=r.TranslationsProvider,exports.translationsMap=r.translationsMap,exports.TranslationsContext=t.TranslationsContext,exports.defaultTranslations=t.defaultTranslations;

package/build/index-0207c31b.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("./index.styled-805b1f85.js"),a=require("./tslib.es6-c8b5aa16.js"),r=require("./useTranslations-fa071ccf.js"),d=require("./index-2b30377d.js"),n=require("./index.styled-eb8f4b1e.js"),s=require("./theme-9a2f5576.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e);var i="U9NRDG6";const c={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"};exports.AuthorBadge=e=>{var{siteType:t,role:d,title:n}=e,s=a.__rest(e,["siteType","role","title"]);const{t:l}=r.useTranslations(),u=d?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(d):"";return u&&c[u]?o.default.createElement("div",Object.assign({className:i,"data-label-type":u,"data-is-marrybaby":"marryBaby"===t},s),n||l(c[u])):null},exports.Divider=({type:e="solid",className:a,style:r})=>o.default.createElement(t.StyledDivider,{style:r,className:a,"data-diver-type":e,dividerType:e}),exports.Tabs=({style:t,initialTab:a,tabContent:r,onChange:l,className:i,dataEventCategory:c,dataEventAction:u,dataEventLabel:y,id:b})=>{const[m,v]=e.useState(a||0);return e.useEffect((()=>{v(a)}),[a]),o.default.createElement(n.StyledTabs,{style:t,className:i,role:"tablist",id:b},r.map(((e,t)=>o.default.createElement(n.StyledTab,{"data-is-tab-active":m===t||void 0,"aria-selected":m===t,role:"tab",onClick:()=>{v(t),l&&l(t)},onKeyDown:e=>{"Enter"===e.key&&(v(t),l&&l(t))},key:t,"data-event-category":e.dataEventCategory||c,"data-event-action":e.dataEventAction||u,"data-event-label":e.dataEventLabel||y,tabIndex:0,"data-testid":e.dataTestid},o.default.createElement(n.StyledTabContent$1,null,e.icon&&o.default.createElement(n.StyledIcon,null,e.icon),o.default.createElement(d.Text,{size:e.textSize||"sm",type:e.textType||"bold",color:e.textColor||s.theme.colors.gray800,dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))};

package/build/index-0cad5f1b.js

@@ -0,0 +1 @@
+"use strict";var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(e);const a=e.forwardRef((function(e,t){return r.default.createElement("circle",Object.assign({},e,{ref:t}),r.default.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));exports.CustomReferenceDot=a;

package/build/index-11f0284b.js

@@ -0,0 +1,170 @@
+"use strict";var e=require("./tslib.es6-c8b5aa16.js"),t=require("react"),o=require("@mantine/hooks"),n=require("./index.styled-805b1f85.js"),r=require("./index-8a6a7cc0.js");require("./gAssets.js"),require("./index.styled-e3aa6f73.js");var a=require("./index-a1d07633.js"),i=require("./utils-d98a0819.js"),l=require("./theme-9a2f5576.js"),s=require("@mantine/core");require("./index.styled-642f11f7.js");var d=require("./useTranslations-fa071ccf.js");require("./index-0cad5f1b.js"),require("lodash/debounce"),require("./isProduction-e392487d.js");var u=require("./index-b6acdcae.js");require("dayjs"),require("./screenSizeContext-aa77f70a.js");var c=require("styled-components"),p=require("./Locale-0c6090ac.js");require("./translationsContext-c77a479e.js"),require("string-format");var m=require("./index-2b30377d.js"),g=require("@mantine/form"),f=require("./index-8f5c7ee3.js"),b=require("yup"),h=require("lodash/throttle"),E=require("./index-94d7557e.js");require("./index-af3b3f09.js");var x=require("date-fns"),y=require("./Visible-5cc9afc6.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function P(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var O=v(t),C=v(c),w=P(b),S=v(h);const L=t.createContext({}),j=C.default.div``,k=C.default(m.Text)`
+  margin-top: 8px;
+`,q=C.default.div`
+  margin-top: 70px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,M=C.default(s.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;
+    ${i.MediaQueries.mbDown} {
+      margin-bottom: 16px;
+    }
+  }
+
+  .input-control {
+    width: 100%;
+
+    label {
+      font-size: 12px;
+      line-height: 18px;
+      font-weight: 600;
+      margin-bottom: 6px;
+    }
+
+    input {
+      height: 42px;
+      line-height: 42px;
+      font-size: 14px;
+    }
+  }
+  .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%;
+  }
+`,I=C.default.img`
+  margin-bottom: 38px;
+`,T=o=>{var r,{heading:i,description:s,children:d,className:c,imgSrc:p}=o,m=e.__rest(o,["heading","description","children","className","imgSrc"]);const{isMarryBaby:g,siteType:f}=t.useContext(L);return O.default.createElement(M,Object.assign({},m,{className:`hhg-comp-onboarding-container ${c}`,size:"sm"}),O.default.createElement(a.LogoIcon,{type:g?f:(null===(r=u.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),O.default.createElement(q,null,p&&O.default.createElement(I,{src:p,loading:"lazy"}),O.default.createElement(j,{className:"header"},O.default.createElement(n.Heading,{tag:"h3"},i),O.default.createElement(k,{size:"p3",color:l.theme.colors.gray600},s)),d))},B=e=>w.object().shape({phone:w.string().required(e("onboarding.updatePhone.error")).default("")}),A=e=>w.object().shape({otp:w.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),N=e=>w.object().shape({email:w.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:w.string().required(e("onboarding.errorMessage.requiredName"))}),_=e=>w.object().shape({password:w.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:w.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([w.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),F=C.default(T)`
+  .phone-input {
+    width: 100%;
+    margin-bottom: 32px;
+    ${i.MediaQueries.mbDown} {
+      margin-bottom: 16px;
+    }
+    .PhoneInput {
+      margin-bottom: 16px;
+    }
+    .PhoneInputCountry {
+      border-radius: 4px 0 0 4px;
+    }
+    .PhoneInputInput {
+      border-radius: 0 4px 4px 0;
+    }
+  }
+`,z={[p.LOCALE.Vietnam]:"VN",[p.LOCALE.Cambodia]:"KH",[p.LOCALE.Indonesia]:"ID",[p.LOCALE.Malaysia]:"MY",[p.LOCALE.PhilippinesEnglish]:"PH",[p.LOCALE.PhilippinesTagalog]:"PH",[p.LOCALE.Taiwan]:"TW",[p.LOCALE.Thailand]:"TH",[p.LOCALE.Myanmar]:"MM"},R=({onClose:t,onSubmit:o,canSkip:n=!0,customFormTexts:a})=>{const{t:i}=d.useTranslations(),l=g.useForm({initialValues:{phone:""},validate:g.yupResolver(B(i))});return O.default.createElement(F,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},O.default.createElement("form",{onSubmit:l.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){o(t.phone)}))),(e=>{console.log(e)}))},O.default.createElement("div",{className:"phone-input"},O.default.createElement(f.Phone,Object.assign({defaultCountry:z[process.env.UNIFY_LOCALE]||"VN"},l.getInputProps("phone"))),O.default.createElement(s.Input.Error,null,l.errors.phone)),O.default.createElement(r.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"},i("onboarding.button.continue")),n&&O.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},i("onboarding.button.skip"))))};p.LOCALE.Vietnam,p.LOCALE.Cambodia,p.LOCALE.Indonesia,p.LOCALE.Malaysia,p.LOCALE.PhilippinesEnglish,p.LOCALE.PhilippinesTagalog,p.LOCALE.Taiwan,p.LOCALE.Thailand,p.LOCALE.Myanmar;const D=(e="")=>{const t=e.indexOf("@"),o=e.substring(0,t),n=o.length>3?3:o.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},$=C.default(T)`
+  .otp-input {
+    margin-bottom: 36px;
+    ${i.MediaQueries.mbDown} {
+      margin-bottom: 20px;
+    }
+    .otpContainer {
+      margin-bottom: 16px;
+    }
+  }
+  .resend {
+    display: flex;
+    gap: 6px;
+    margin-bottom: 32px;
+    ${i.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;
+  }
+`,V=({onSubmit:n,phone:a,email:i,onResendCode:u,otpError:c,onClose:p,loading:b,onBack:h,canSkip:E,outOfEdit:x})=>{const{siteType:y,isMarryBaby:v}=t.useContext(L),[P,C]=t.useState(30),w=o.useInterval((()=>C((e=>e-1))),1e3),[j,k]=o.useCounter(0,{min:0,max:3}),q=t.useRef(!0),{t:M}=d.useTranslations();t.useEffect((()=>(w.start(),w.stop)),[]),t.useEffect((()=>{0===P&&(w.stop(),q.current=!1)}),[P]);const I=g.useForm({initialValues:{otp:""},validate:g.yupResolver(A(M))});t.useEffect((()=>{c&&I.setFieldError("otp",c)}),[c]);const T=t.useMemo((()=>S.default((()=>{q.current||(k.increment(),C(30),null==u||u(a||i),w.start(),q.current=!0)}),1e3,{trailing:!1})),[a,i,u,w]);return O.default.createElement($,{heading:M("onboarding.otpForm.heading"),description:O.default.createElement(O.default.Fragment,null,O.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?M("onboarding.otpForm.description",{phone:`<b style="color:${l.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):M("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${l.theme.colors.gray800}">${D(i)}</b>`})}}),!x&&O.default.createElement("svg",{onClick:()=>{null==h||h()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},O.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"})))},O.default.createElement("form",{onSubmit:I.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){k.increment(),n(t.otp)}))),(e=>{console.log(e)}))},O.default.createElement("div",{className:"otp-input"},O.default.createElement(f.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},I.getInputProps("otp"))),O.default.createElement(s.Input.Error,null,I.errors.otp)),O.default.createElement("div",{className:"resend"},O.default.createElement(m.Text,{size:"p4",color:l.theme.colors.gray400},M("onboarding.otpForm.notReceiveOTP")),O.default.createElement(m.Text,{as:"a",size:"p4",color:v?l.theme.mbColors.pink:l.theme.colors.primaryBase,onClick:T},M("onboarding.otpForm.resendCode",{seconds:P}))),O.default.createElement(r.Button,{theme:y,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:b,disabled:b,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},M("onboarding.button.continue")),E&&j>=3&&O.default.createElement(r.Button,{theme:y,color:"ghost",isBlock:!0,size:"lg",onClick:p,type:"button"},M("onboarding.button.skip"))))},U=({onClose:e,onSubmit:o,canSkip:n,loading:a,errorMessage:i,initialData:l})=>{const{t:u}=d.useTranslations(),{siteType:c}=t.useContext(L),p=g.useForm({validate:g.yupResolver(N(u))});return t.useEffect((()=>{p.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),t.useEffect((()=>{i&&p.setFieldError("email",i)}),[i]),O.default.createElement(T,{heading:u("onboarding.formEmail.heading"),description:u("onboarding.formEmail.description")},O.default.createElement("form",{className:"form",onSubmit:p.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&x.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(s.Input.Wrapper,{label:u("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},O.default.createElement(s.Input,Object.assign({},p.getInputProps("name"))),O.default.createElement(s.Input.Error,{className:"field-error"},p.errors.name)),O.default.createElement(s.Input.Wrapper,{label:u("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},O.default.createElement(s.Input,Object.assign({},p.getInputProps("email"))),O.default.createElement(s.Input.Error,{className:"field-error"},p.errors.email)),O.default.createElement(f.DatePicker,Object.assign({className:"input-control",label:u("onboarding.formEmail.yourBirthday")},p.getInputProps("birthday"))),O.default.createElement(f.Radio.Group,{value:p.values.gender,onChange:e=>p.setFieldValue("gender",e),className:"radio-group"},O.default.createElement(f.Radio,{value:"0",label:u("onboarding.formEmail.genderMale")}),O.default.createElement(f.Radio,{value:"1",label:u("onboarding.formEmail.genderFemale")})),O.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:c,isLoading:a,disabled:a},u("onboarding.button.continue")),n&&O.default.createElement(r.Button,{theme:c,color:"ghost",isBlock:!0,size:"lg",onClick:e},u("onboarding.button.skip"))))},H=({onClose:e,onSubmit:t,canSkip:o,errorMessage:n,loading:a})=>{const{t:i}=d.useTranslations(),l=g.useForm({initialValues:{password:"",confirmPassword:""},validate:g.yupResolver(_(i))});return O.default.createElement(T,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},O.default.createElement("form",{className:"form",onSubmit:l.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(E.PasswordInput,Object.assign({label:i("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:O.default.createElement(y.Visible,null)},l.getInputProps("password"))),O.default.createElement(E.PasswordInput,Object.assign({label:i("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:O.default.createElement(y.Visible,null)},l.getInputProps("confirmPassword"))),O.default.createElement(r.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},i("onboarding.button.continue")),o&&O.default.createElement(r.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},i("onboarding.button.skip")),n&&O.default.createElement(s.Input.Error,{className:"form-error"},n)))},Q=C.default.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  background: white;
+  overflow-y: auto;
+`,W=C.default.div`
+  height: 100%;
+  ${i.MediaQueries.lgPcUp} {
+    display: table;
+    width: 100%;
+    height: calc(100% - 25px);
+  }
+`,Y=C.default.div`
+  padding: 48px 24px 24px;
+
+  ${i.MediaQueries.lgPcUp} {
+    display: table-cell;
+
+    &[data-has-banner='true'] {
+      width: calc(100% - 640px);
+    }
+  }
+`,Z=C.default.div`
+  width: 640px;
+  padding: 16px 16px 0 16px;
+  display: none;
+
+  ${i.MediaQueries.lgPcUp} {
+    width: 640px;
+    display: table-cell;
+  }
+`,G=C.default.div`
+  background-color: ${l.theme.colors.blue50};
+  border-radius: 12px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+
+  &[data-is-marry-baby='true'] {
+    background-color: ${l.theme.mbColors.tonePink};
+  }
+`,K=C.default.div`
+  margin-top: 40px;
+  padding: 24px 40px;
+`,J=C.default(n.Heading)`
+  margin-bottom: 24px;
+  text-align: center;
+`,X=C.default(m.Text)``,ee=C.default.img`
+  width: 100%;
+  display: block;
+`,te=C.default.div``;var oe;exports.OnboardingStep=void 0,(oe=exports.OnboardingStep||(exports.OnboardingStep={}))[oe.Phone=0]="Phone",oe[oe.OTP=1]="OTP",oe[oe.OTPEmail=2]="OTPEmail",oe[oe.PersonalInfo=3]="PersonalInfo",oe[oe.UpdatePassword=4]="UpdatePassword",oe[oe.Result=5]="Result";exports.MAPPED_LOCALE=z,exports.OnboardingForm=R,exports.OnboardingModal=n=>{var{onClose:a,canSkip:i,flow:s=[exports.OnboardingStep.Phone,exports.OnboardingStep.OTP],step:u,onPhoneSubmit:c,onOtpSubmit:p,onPersonalInfoSubmit:m,onCreatePassByEmail:g,onResendCode:f,otpError:b,personalInfoError:h,createPassError:E,emailLoading:x,createPassLoading:y,otpLoading:v,customFormTexts:P,initialData:C,banner:w,resultScreenProps:S,siteType:j}=n,k=e.__rest(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]);const{t:q}=d.useTranslations(),[M,I]=t.useState(u||s[0]),[B,A]=t.useState(""),[N,_]=t.useState(""),[F,z]=o.useCounter(0,{min:0,max:2}),D=t.useCallback((()=>{const e=s.indexOf(M)+1;e<=s.length-1&&I(s[e])}),[M]),$=t.useCallback((()=>{const e=s.indexOf(M)-1;e>=0&&I(s[e])}),[M]),oe=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield p(t))&&D()}catch(e){console.error(e)}})),ne=()=>{F>=2||(z.increment(),$())},re="marryBaby"===j;return console.log({isMarryBaby:re}),O.default.createElement(L.Provider,{value:{siteType:j,isMarryBaby:re}},O.default.createElement(Q,Object.assign({},k),s.length>0?O.default.createElement(W,null,O.default.createElement(Y,{"data-has-banner":"object"==typeof w},M===exports.OnboardingStep.Phone&&O.default.createElement(R,{onClose:a,canSkip:i,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{A(t),yield null==c?void 0:c(t),D()}catch(e){console.error(e)}})),customFormTexts:P.onboarding}),M===exports.OnboardingStep.OTP&&O.default.createElement(V,{onClose:a,onSubmit:oe,phone:B,onResendCode:f,otpError:b,loading:v,canSkip:i,onBack:ne,outOfEdit:F>=2}),M===exports.OnboardingStep.OTPEmail&&O.default.createElement(V,{onClose:a,onSubmit:oe,onResendCode:f,otpError:b,loading:v,canSkip:i,onBack:ne,outOfEdit:F>=2,email:N}),M===exports.OnboardingStep.PersonalInfo&&O.default.createElement(U,{initialData:null==C?void 0:C[exports.OnboardingStep.PersonalInfo],onClose:a,canSkip:i,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{_((null==t?void 0:t.email)||"");!(yield null==m?void 0:m(t))&&D()}catch(e){console.error(e)}})),errorMessage:h,loading:x}),M===exports.OnboardingStep.UpdatePassword&&O.default.createElement(H,{onClose:a,canSkip:i,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==g?void 0:g(t),!E&&D()}catch(e){console.error(e)}})),errorMessage:E,loading:y}),M===exports.OnboardingStep.Result&&O.default.createElement(T,Object.assign({},S),O.default.createElement(r.Button,{theme:j,size:"lg",onClick:a,className:"form-button"},q("onboarding.button.continue")))),"object"==typeof w&&O.default.createElement(Z,null,O.default.createElement(G,{"data-is-marry-baby":re},O.default.createElement(K,null,(null==w?void 0:w.heading)&&O.default.createElement(J,{tag:"h1"},null==w?void 0:w.heading),(null==w?void 0:w.description)&&O.default.createElement(X,{size:"p1",color:l.theme.colors.gray800},q("onboarding.welcomeScreen.content"))),(null==w?void 0:w.imgSrc)&&O.default.createElement(te,null,O.default.createElement(ee,{src:null==w?void 0:w.imgSrc,loading:"lazy"}))))):"Incorrect flow"))},exports.OtpForm=V;

package/build/index-2b30377d.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-c8b5aa16.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=a(require("react")),s="wIj6fkD";exports.Text=a=>{var{size:r="base",type:c="regular",className:n,style:d,children:o,color:i,dataEventCategory:l,dataEventAction:p,dataEventLabel:v,as:u="p",wordWrap:b,isUppercase:y}=a,g=e.__rest(a,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]);const E=u;return t.default.createElement(E,Object.assign({"data-size":r,"data-type":c,style:Object.assign(Object.assign({},d),i?{"--custom-color":i}:void 0),className:`${s} ${n||""}`,"data-event-category":l,"data-event-action":p,"data-event-label":v,"data-word-wrap":b,"data-is-uppercase":y},g),o)};

package/build/index-2cbdb4bf.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-c8b5aa16.js"),l=require("react"),r=require("./Locale-0c6090ac.js"),t=require("./index.styled-6e461cdf.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(l);exports.PillCarousel=l=>{var{data:a,isMobile:i,onSlideChange:s,pillProps:o,locale:c=r.LOCALE.Vietnam,blurFromIndex:d,blurLength:u}=l,b=e.__rest(l,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const m={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:d||(i?2:4),blurLength:u||(i?1:3),onSlideChange:s};return n.default.createElement(t.StyledCarousel,Object.assign({},m,b),(e=>a.map(((l,r)=>n.default.createElement(t.StyledSlide,Object.assign({key:r,onClick:s},o),n.default.createElement("div",{className:"centerred-pill-wrapper"},n.default.createElement(t.StyledPill,{locale:c,name:l.name,icon:l.icon,className:r===e?"selected-week-pill":""})))))))};

package/build/index-2d563c87.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),a=require("./useTranslations-fa071ccf.js"),t=require("./theme-9a2f5576.js"),r=require("./index-f8b86c53.js"),i=require("./index-f9086275.js"),l=require("./index-aa3c9ce0.js"),c=require("./index-2b30377d.js"),n=require("./index.styled-805b1f85.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(e);exports.NewBabyProfileRadio=({isActive:e,onChange:s,value:d="",onInputChange:u,siteType:m})=>{const{t:f}=a.useTranslations(),y="marryBaby"===m;return o.default.createElement(n.StyledNewBabyProfileRadio,{onClick:()=>s("new"),"data-is-mb":y,"data-isActive":y&&e},"marryBaby"===m?o.default.createElement("div",{className:"title"},o.default.createElement(l.MarryBabyText,{type:"bodytext-1",color:t.theme.colors.gray800},f("chooseBaby.new")),o.default.createElement("div",{className:e?"radio active":"radio"},e&&o.default.createElement(r.Icon.CheckActiveMB,{size:26}))):o.default.createElement("div",{className:"title"},o.default.createElement(c.Text,{size:"p2",color:t.theme.colors.gray800},f("chooseBaby.new")),o.default.createElement("div",{className:e?"radio active":"radio"})),o.default.createElement(i.Input,{name:"name",value:d,size:"md",placeholder:f("chooseBaby.placeholder"),type:"text",onChange:u}))};

package/build/index-635e21cc.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-c8b5aa16.js"),t=require("react"),r=require("@mantine/core"),s=require("./gAssets.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t);exports.Select=t=>{var{keepSearch:a=!1}=t,c=e.__rest(t,["keepSearch"]);return a?n.default.createElement(r.Autocomplete,Object.assign({rightSection:n.default.createElement(r.Image,{src:s.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},c)):n.default.createElement(r.Select,Object.assign({rightSection:n.default.createElement(r.Image,{src:s.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},c))};

package/build/index-8a6a7cc0.js

@@ -0,0 +1 @@
+"use strict";var t=require("./tslib.es6-c8b5aa16.js");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var e=a(require("react")),d="P03rcnV",o="LsvykAk",c="S2kaD9B",i="fAwTdkg",l="ITgol3T",r="cD-HMFz",n="oAG2-aJ",s="Y9fGCaj";exports.Button=a=>{var{size:u,color:C="primary",theme:m="helloSites",isDisabled:h,isBlock:p,title:f,className:g,onClick:P,icon:k,iconPosition:v="left",children:E,isLoading:b=!1,loadingText:y,dataEventCategory:N,dataEventAction:w,dataEventLabel:L,dataProductChannel:B,dataProductSku:x,dataProductBrand:A,dataProductName:T,dataProductPrice:j,dataProductCategory:z,dataProductPosition:D,type:S}=a,F=t.__rest(a,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);const M={"data-event-category":N,"data-event-action":w,"data-event-label":L,"data-product-channel":B,"data-product-sku":x,"data-product-brand":A,"data-product-name":T,"data-product-price":j,"data-product-category":z,"data-product-position":D},q=e.default.createElement("span",{className:o},e.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.default.createElement("circle",{className:s,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),e.default.createElement("svg",{className:d,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.default.createElement("mask",{id:"path-1-inside-1",fill:"white"},e.default.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),e.default.createElement("path",{className:n,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),G=(k||b)&&e.default.createElement("span",{className:r},b?q:k," ");return e.default.createElement("button",Object.assign({},M,{className:`${l} ${g||""}`,"data-size":u,"data-color":C,"data-block":p,"data-has-icon":!!k||void 0,"data-theme":m,disabled:h,onClick:t=>{!b&&!h&&P&&P(t)},title:f,"data-is-loading":b,type:S},F),e.default.createElement("span",{className:i},"left"===v&&G,E&&e.default.createElement("span",{className:c},b&&y||E),"right"===v&&G))};

package/build/index-8f5c7ee3.js

@@ -0,0 +1,90 @@
+"use strict";var e=require("react"),t=require("@mantine/core"),a=require("./gAssets.js"),r=require("@mantine/dates"),n=require("styled-components"),l=require("dayjs");require("./screenSizeContext-aa77f70a.js");var i=require("./theme-9a2f5576.js"),c=require("./index-b6acdcae.js");require("./utils-d98a0819.js"),require("./isProduction-e392487d.js");var o=require("./Locale-0c6090ac.js"),s=require("./tslib.es6-c8b5aa16.js"),m=require("@mantine/carousel"),h=require("./index-94d7557e.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var p=d(e),f=u(e),v=d(n),g=d(l);const E=v.default(r.DatePicker)`
+  position: relative;
+  ${e=>e.fullWidth&&n.css`
+      .mantine-DatePicker-dropdown {
+        min-width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    `}
+`,z=v.default(r.DateRangePicker)`
+  position: relative;
+  ${e=>e.fullWidth&&n.css`
+      .mantine-DateRangePicker-dropdown {
+        min-width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    `}
+`,w=e=>p.default.createElement(E,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:p.default.createElement(t.Image,{src:a.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));w.Range=e=>p.default.createElement(z,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:p.default.createElement(t.Image,{src:a.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));const b=v.default(t.Textarea)`
+  .mantine-Textarea-input {
+    padding: 12px 16px;
+    background: #ffffff;
+    border: 1px solid ${i.theme.colors.gray200};
+    border-radius: 4px;
+  }
+`,x=v.default(t.Modal)`
+  .mantine-Modal-modal {
+    padding: 0;
+  }
+  .mantine-Modal-header {
+    border-bottom: 1px solid ${i.theme.colors.neutral100};
+    margin-right: 0;
+    margin-bottom: 0;
+    padding: 16px;
+  }
+  .mantine-Modal-title {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-right: 0;
+  }
+  .mantine-Modal-close {
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+  }
+`,M=v.default(t.Accordion)`
+  .mantine-Accordion-control {
+    &:hover {
+      background-color: transparent;
+    }
+  }
+  .mantine-Accordion-item {
+    .mantine-Accordion-chevron {
+      > div {
+        background-repeat: no-repeat;
+        width: 16px;
+        height: 16px;
+        background-position: center;
+        background-image: url(${e=>e.closeChevron||a.CommonGAssets.getAssetPath("plus-icon.svg")});
+      }
+    }
+    &[data-active='true'] {
+      .mantine-Accordion-chevron {
+        > div {
+          background-image: url(${e=>e.openChevron||a.CommonGAssets.getAssetPath("minus-icon.svg")});
+        }
+      }
+    }
+  }
+  .mantine-Accordion-panel {
+    border-radius: 6px;
+  }
+  .mantine-Accordion-content {
+    white-space: pre-wrap;
+  }
+`,C=e=>{var{children:t}=e,a=s.__rest(e,["children"]);return p.default.createElement(M,Object.assign({chevron:p.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},a),t)};C.Control=t.Accordion.Control,C.Item=t.Accordion.Item,C.Panel=t.Accordion.Panel;const y=a.CommonGAssets.getAssetPath("avatar.jpg");class j extends e.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){console.error("Uncaught error:",e,t)}render(){return this.state.hasError?this.props.fallback||p.default.createElement(p.default.Fragment,null):this.props.children}}const k=e=>{var{slidesToShow:t=1,children:a}=e,r=s.__rest(e,["slidesToShow","children"]);return(Array.isArray(a)?a.length:1)?p.default.createElement(j,null,p.default.createElement(m.Carousel,Object.assign({slideSize:String(Math.floor(1/t*100))+"%",containScroll:"trimSnaps"},r),a)):null};k.Slide=m.Carousel.Slide;const L=e=>p.default.createElement(t.Checkbox,Object.assign({},e));L.Group=t.Checkbox.Group;const H=v.default(t.Radio)`
+  .mantine-Radio-icon {
+    color: ${e=>e.color||i.theme.colors.primaryBase};
+  }
+`,O=e=>p.default.createElement(H,Object.assign({size:"sm"},e));O.Group=t.Radio.Group;const A={[o.LOCALE.Vietnam]:"vi",[o.LOCALE.Cambodia]:"km",[o.LOCALE.India]:"hi",[o.LOCALE.Indonesia]:"id",[o.LOCALE.Malaysia]:"ms",[o.LOCALE.Thailand]:"th",[o.LOCALE.Taiwan]:"zh-tw",[o.LOCALE.PhilippinesTagalog]:"tl-ph",[o.LOCALE.PhilippinesEnglish]:"en",[o.LOCALE.Myanmar]:"my"},P={[o.LOCALE.Vietnam]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/vi.js"))})),[o.LOCALE.Cambodia]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/km.js"))})),[o.LOCALE.India]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/hi.js"))})),[o.LOCALE.Indonesia]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/id.js"))})),[o.LOCALE.Malaysia]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/ms.js"))})),[o.LOCALE.Thailand]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/th.js"))})),[o.LOCALE.Taiwan]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/zh-tw.js"))})),[o.LOCALE.PhilippinesTagalog]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/tl-ph.js"))})),[o.LOCALE.PhilippinesEnglish]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/en.js"))})),[o.LOCALE.Myanmar]:()=>Promise.resolve().then((function(){return u(require("dayjs/locale/my.js"))}))},S={"&:hover":{borderColor:`${i.theme.colors.blue200}`,boxShadow:`0 0 2px 2px ${i.theme.colors.blue200}`}};
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var I=h.createCommonjsModule((function(e){!function(){var t={}.hasOwnProperty;function a(){for(var e=[],r=0;r<arguments.length;r++){var n=arguments[r];if(n){var l=typeof n;if("string"===l||"number"===l)e.push(n);else if(Array.isArray(n)){if(n.length){var i=a.apply(null,n);i&&e.push(i)}}else if("object"===l){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){e.push(n.toString());continue}for(var c in n)t.call(n,c)&&n[c]&&e.push(c)}}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):window.classNames=a}()}));function q(e,t=6){const a=new Array(t).fill("");if(e){const t=e.toString().split("");a.map(((e,r)=>{t[r]&&(a[r]=t[r]||"")}))}return a}function D(e){return e.join("")}var R="_2iQs0sk",T="Ia6IojY";const _=e.forwardRef(((e,t)=>{const{maxLength:a=1,placeholder:r,className:n}=e,l=s.__rest(e,["maxLength","placeholder","className"]);return p.default.createElement("input",Object.assign({maxLength:a,className:I(T,"otpInput",n),placeholder:r,type:"number"},l,{ref:t}))})),B=e.forwardRef(((a,r)=>{const{valueLength:n=6,type:l="number",value:i,defaultValue:c,onChange:o,onBlur:s}=a,m=e.useRef(new Array(n).fill(null)),[h,d]=e.useState(c||i),[u,f]=e.useState(-1),[v,g]=e.useState((()=>q(h,n))),E=e.useCallback((()=>{if(-1===u)return;const e=m.current[u];if(e){e.value="";const t=v;t[u]="",g(t),d((()=>D(t))),null==o||o(D(t))}}),[u,o,v]),z=e.useCallback((()=>{if(0===u)return;const e=m.current[u];e&&e.blur();const t=m.current[u-1];t&&t.focus()}),[u]),w=e.useCallback((()=>{if(u===n-1)return;const e=m.current[u];e&&e.blur();const t=m.current[u+1];t&&t.focus()}),[u,n]),b=e.useCallback((e=>{const t=e.target,a=t.value.toString().slice(0,1),r=m.current.findIndex((e=>e===t));if(-1!==r){const e=v;e[r]=a,g(e),d((()=>D(e))),null==o||o(D(e))}w()}),[w,o,v]),x=e.useCallback((e=>{const t=e.target,a=m.current.findIndex((e=>e===t));"number"===l?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==a&&f(a)}),[]),M=e.useCallback((e=>{const t=q(e.clipboardData.getData("text/plain"),n),a=D(t);g(t),d(a),null==o||o(a)}),[o,l,n]),C=e.useCallback((e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),E(),z()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),E()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),z()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),w()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[E,w,z]);return e.useImperativeHandle(r,(()=>m.current[0]),[]),e.useEffect((()=>{g((()=>q(i,n))),d(i)}),[n,i]),p.default.createElement(t.Flex,{justify:"center",columnGap:8,className:I(R,"otpContainer")},v.map(((e,t)=>p.default.createElement(_,{ref:e=>{m.current[t]=e},key:""+t,value:e,type:l,onChange:b,onFocus:x,onKeyDown:C,onPaste:M,onBlur:s}))))})),N=e=>f.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 8 5",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),f.createElement("path",{d:"M4 5L0.535898 0.5L7.4641 0.5L4 5Z"})),V=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-kh",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("path",{fill:"#032ea1",d:"M0 0h640v480H0z"}),f.createElement("path",{fill:"#e00025",d:"M0 120h640v240H0z"}),f.createElement("g",{fill:"#fff",stroke:"#000",transform:"matrix(1.2 0 0 1.2 85.6 -522)"},f.createElement("g",{strokeLinejoin:"bevel"},f.createElement("path",{d:"M139 623.5h113.8v43.8H139z"}),f.createElement("path",{d:"M247 647.6h3.5v16.5H247zm-108-8.1h113.8v5H139zm0-7h113.8v4.6H139z"}),f.createElement("path",{strokeWidth:.9,d:"M139 625.7h113.8v4.3H139z"}),f.createElement("path",{d:"M169 647.6h3.6v16.5H169zm49 0h3.6v16.5H218zm-78 0h3.5v16.5H140zm7 0h3.5v16.5H147zm7.5 0h3.5v16.5h-3.5zm7.5 0h3.5v16.5H162zm62.8 0h3.6v16.5h-3.6zm7.5 0h3.6v16.5h-3.6zm7.5 0h3.6v16.5h-3.6z"}),f.createElement("path",{strokeLinejoin:"miter",d:"M94.5 669.5a9.3 9.3 0 0 0 4.4-5.3H292a9.3 9.3 0 0 0 4.4 5.3z"})),f.createElement("path",{d:"M193 556.8s-.1-4.1 2.3-4.2c2.3 0 2.2 4.2 2.2 4.2zm-12.5 54.5v-5.5c0-2.8-2.8-3-2.8-5 0 0-.4-3 .4-4.4 1.1 4 3 3.3 3 1.6 0-1.4-1-2.8-3.3-6.3-.8-1.1-.3-4.6.7-5.9.4 3 .9 4.5 2.2 4.5.8 0 1.4-.5 1.4-2 0-2-1.3-3-2-4.8a5 5 0 0 1 1.1-5.3c.5 3 .4 4.2 1.7 4.2 2.7-.9 0-4.8-.6-5.8-.6-1.1 1-3.4 1-3.4.8 2.7 1 2.9 2 2.6 1.2-.3 1-2-.4-3.4-.9-1-.8-2.3.2-3.3 1 1.9 2.2 1.8 2.3.6l-.8-4.4H204l-.9 4.3c-.2 1.2 1.4 1.5 2.4-.5 1 1 1.1 2.4.2 3.3-1.4 1.4-1.6 3.1-.4 3.4 1 .3 1.2 0 2-2.6 0 0 1.5 1.5 1 3.4-.6 1-3.3 5-.6 5.8 1.3 0 1.2-1.2 1.7-4.2a5 5 0 0 1 1 5.3c-.6 1.8-2 2.8-2 4.8 0 1.5.7 2 1.5 2 1.3 0 1.8-1.4 2.2-4.5 1 1.3 1.5 4.8.7 6-2.3 3.4-3.4 4.8-3.4 6.2 0 1.7 2 2.4 3-1.6.9 1.4.5 4.4.5 4.4 0 2-2.7 2.2-2.8 5v5.5zm7.2-46-.4-3.1h15.9l-.4 3.1zm1-3.2-.2-2.5H202l-.3 2.5zm2.3-2.6-.3-2.6h9l-.1 2.6zm33 110c-2-.7-5-2.9-5-5v-24.3l2.6-3.4H169l2.5 3.4v24.3c0 2.1-2 4.3-4 5z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M178.2 647.6h3.6v16.5h-3.6zm30.4 0h3.6v16.5h-3.6z"}),f.createElement("path",{d:"M168 609.2v27.6h54v-27.6a4.2 4.2 0 0 0-2.6 2.8v11.8h-48.7V612s-.6-2-2.8-2.8z"}),f.createElement("path",{d:"M214.6 669.5c-1.8-.7-5.6-2.9-5.6-5v-27.2c.4-1.5 2.4-2.4 3.7-3.4H177c1.7 1 3.6 1.7 4.3 3.4v27.2c0 2.1-3 4.3-4.8 5z"}),f.createElement("path",{d:"M219.4 634.2v-19.6h-4.9v-1.9h-38.8v2h-5v19.5zM207 669.5c-1.8-.7-4.3-2.9-4.3-5v-23.2l1.4-2.1h-17.7l1.5 2v23.3c0 2.1-2.6 4.3-4.3 5z"}),f.createElement("path",{d:"M190.7 639.2h9v30.3h-9z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M204.4 632.5c0-2 5.8-2.1 8.8-3.8h-36c3 1.7 8.7 1.8 8.7 3.8l1.2 3.9 15 .6z"}),f.createElement("path",{d:"M211.4 611.3c0-4.9.2-6.7 1.7-6.7V620c-3.7 1.4-6.3 6-6.3 6h-23.2s-2.6-4.6-6.3-6v-15.5c1.8 0 1.8 2 1.8 6.7zm1.7-2c0-5.6 4.9-6.2 4.9-6.2v5c-1.9-.1-2.8 1.6-2.8 4 0 2.5 1.5 2.5 1.5 2.5v14.2h-3.6z"}),f.createElement("path",{d:"M177.3 609.3c0-5.6-4.9-6.2-4.9-6.2v5c1.9-.1 2.8 1.6 2.8 4 0 2.5-1.5 2.5-1.5 2.5v14.2h3.6z"}),f.createElement("g",{fill:"none",strokeWidth:.8},f.createElement("path",{d:"M186.8 570.6H204m-19.2 5.4h21m-23 6.5h24.9m-27 7.9h29.5m-30.2 9h30.4"}),f.createElement("path",{strokeWidth:1,d:"M170.8 629h48.6m-33.2 0h18v6.6h-18z"})),f.createElement("path",{d:"M184 614.2c3 3.6 2.6 9.7 2.6 13.3H204c0-3.6-.4-9.7 2.6-13.3zm9.7-41-2.4-1.3v-3.5c1 .3 2 .4 2.2 2 .3-2.3 1-2.1 1.9-3 1 .9 1.5.7 1.9 3 0-1.6 1.2-1.7 2.1-2v3.5l-2.3 1.2z"}),f.createElement("path",{d:"m193.5 578.9-4-2.8V573c1.5.3 3 .5 3.2 2.2.4-2.5 1.3-3.7 2.7-4.7 1.3 1 2.2 2.2 2.7 4.7.1-1.7 1.7-1.9 3-2.2v3.2l-3.9 2.7z"}),f.createElement("path",{d:"m193.2 587.8-4.5-4v-4.7c1.6.4 3.4.6 3.6 3.1.5-3.5 1.5-5.4 3-6.8 1.6 1.4 2.6 3.3 3.2 6.8.2-2.5 2-2.7 3.6-3.1v4.7l-4.6 4zm8.4 5.3-4 5.7h-4.7l-4.1-5.7zm-15.2 9.5c2 1.1 2.8 3.4 3 7.6H201c.2-4.2 1-6.5 3-7.6z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M204.2 593v-5.6a5.2 5.2 0 0 0-3.8 3.3c0-2-2.5-6.3-5.2-8.5-2.7 2.4-5.3 6.4-5.2 8.4-.5-1.5-1.8-2.7-3.8-3.2v5.7z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M205 602.6V597c-2.1.6-3.5 1.7-4.1 3.3 0-2-2.7-6.3-5.7-8.5-3 2.5-5.8 6.4-5.7 8.5-.5-1.5-2-2.7-4.1-3.3v5.7z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M207.4 614.3v-6.6a9.6 9.6 0 0 0-5.1 3.8c0-3.5-4-9-7.1-10.7-3.2 1.8-7.1 7.4-7.1 10.7a9.7 9.7 0 0 0-5.2-3.8v6.6z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M206 629v-6.8c-2.4.9-3 3.1-3.8 4.7.3-6.9-3.8-14.2-7-16.1-3.2 1.9-7.4 9.4-7 16-.8-1.4-1.5-3.7-3.8-4.6v6.7z"}),f.createElement("path",{d:"M204.4 639.2v-6.8c-2.5.6-2.6 1.5-3.4 3 .3-4.1-2.6-8.8-5.8-10.6-3.2 1.8-6 6.5-5.8 10.6-.8-1.5-.9-2.4-3.4-3v6.8z"}),f.createElement("g",{id:"a"},f.createElement("path",{d:"M99 664.2v-20.4c-.7-2.6-3-5-4.6-5.4v-18l3.7 2 4.3 18.9v23z"}),f.createElement("path",{d:"M99 664.3v-20.5c-.7-2.6-3-5-4.6-5.4v-19.2c2.5 0 3.7 3.2 3.7 3.2l4.3 18.9v22.9z"}),f.createElement("path",{d:"M96.3 669.5c1.7-.7 4.2-2.9 4.2-5v-25.6l-1.2-2H143l-1.7 2v25.6a6 6 0 0 0 3.4 5z"}),f.createElement("path",{d:"M135.8 669.5c-1.7-.7-4.2-2.9-4.2-5v-24.3l3.6-3.4h-29.6l3.6 3.4v24.3c0 2.1-2.5 4.3-4.2 5z"}),f.createElement("path",{d:"M131.7 669.5c-1.7-.7-4.3-2.9-4.3-5v-22l2.4-3.3H111l2.4 3.3v22c0 2.1-2.5 4.3-4.3 5z"}),f.createElement("path",{d:"M116 639.2h8.9v30.4h-9z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M103.7 647.6h3.6v16.5h-3.6zm30.8 0h3.5v16.5h-3.6zm-33.9-27.8h4.4v17h-4.4zm0-3.2h4.3v3.2h-4.3zm35.6 6.9h6.1v13h-6.1z"}),f.createElement("path",{d:"M104.9 636.6v-29c1.2 0 1.4 4.3 4.2 4.3 1.5 0 1.4-1.8.5-3.2-.7-1.3-1.6-3-.4-6.3.9 2.5 3.1 3.3 2.7 1.8-.7-2.7-2.8-3.2-1.2-7.3.5 3.4 2.7 3.3 2.2 1.3-.6-2.3-1.9-3.3-.3-6.5.9 3.7 2 3.5 2 1.2 0-3.4 0-7 4.2-8.3 0 0 .3-3 1.9-3 1.5 0 1.8 3 1.8 3 4.3 1.3 4.2 5 4.2 8.3 0 2.3 1.1 2.5 2-1.2 1.6 3.2.3 4.2-.3 6.5-.5 2 1.7 2.1 2.2-1.3 1.6 4.1-.5 4.6-1.2 7.3-.4 1.5 1.8.7 2.7-1.8 1.2 3.3.3 5-.4 6.3-.8 1.4-1 3.2.5 3.2 2.8 0 3-4.2 4.2-4.2v28.9zM98 614.7v22.1h2.5v-22.1c-.9-.5-1.7-.5-2.5 0z"}),f.createElement("path",{d:"M98.2 629c3.1 1.6 6.2 3.5 7 7.8h-7zm43.2-6.6v14.4h2v-14.4c-.6-.3-1.5-.4-2 0z"}),f.createElement("path",{d:"M143.4 629c-3.1 1.5-6.2 3.3-7 7.7h7zm-20.6-33.7 1.8-1.5v-2c-.6 0-1 .3-1.5 1a5 5 0 0 0-2.5-3 5 5 0 0 0-2.6 2.9c-.5-.7-.8-.8-1.5-1v2l1.8 1.6z"}),f.createElement("path",{d:"m123.8 600.2.8-1.9v-2.5c-.6 0-1 .3-1.5 1a5 5 0 0 0-2.5-3 5 5 0 0 0-2.6 2.9c-.5-.7-.8-.8-1.5-.9v2.5l.8 1.9z"}),f.createElement("path",{d:"m124 606.8 2.6-3.3v-3.2c-1 0-1.5.5-2.2 1.6-.7-2.3-2-2.7-3.8-3.8-1.9 1-3.2 1.5-3.8 3.7-.8-1.1-1.3-1.4-2.3-1.5v3.2l2.7 3.3z"}),f.createElement("path",{d:"M124.7 613.3s3.2-2.7 3.3-4.2v-3.5c-1.2.1-2.3.4-3.2 1.9-.8-2.9-2-3.7-4.2-5-2.3 1.3-3.5 2.1-4.2 5-1-1.5-2-1.8-3.3-2v3.6a15 15 0 0 0 3.3 4.2z"}),f.createElement("path",{d:"M126 625.3s4.4-4.7 4.5-6.6v-5.4c-1.6.2-3.2 1.3-4.4 3.6-1-4.5-2.6-7.6-5.5-9.8-3 2.2-4.6 5.3-5.6 9.8-1.2-2.3-2.7-3.4-4.3-3.6v5.4c.3 1.9 4.4 6.6 4.4 6.6z"}),f.createElement("path",{d:"M126 632.4s3.7-3.7 4.5-5.3v-5.4c-1.6.2-3.2 1.3-4.4 3.5a14 14 0 0 0-5.5-9.2c-3 2.2-4.6 4.7-5.6 9.2-1.2-2.2-2.7-3.3-4.3-3.5v5.4c1 1.6 4.4 5.3 4.4 5.3z"}),f.createElement("path",{d:"M127.5 636.6c-1-4.7-2-8.2-7.1-11.7-5.2 3.5-6.1 7-7.2 11.7z"}),f.createElement("path",{d:"M130.2 639.2v-6.8c-2.4 1-4.5 2.3-5.3 3.8-.8-3.8-2.5-5.4-4.6-7.7-2.1 2.3-3.5 4-4.4 7.7-.8-1.5-2.9-2.9-5.2-3.8v6.8z"})),f.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"matrix(-1 0 0 1 390.7 0)"}),f.createElement("path",{d:"M72.7 694.3H318v12.5H72.7zm-6.5 12.5h258.3v12.5H66.2zm19.4-31.3H305v8.1H85.6z"}),f.createElement("path",{d:"M79.2 683.6h232.4v10.6H79.2zm10.2-14.3h212v6.2h-212z"}),f.createElement("path",{d:"M112.4 669.3h16v50h-16z"}),f.createElement("path",{d:"M116 669.3h8.9v50h-9zm71 0h16v50h-16z"}),f.createElement("path",{d:"M190.7 669.3h9v50h-9zm71.5 0h16v50h-16z"}),f.createElement("path",{d:"M265.7 669.3h9v50h-9z"}),f.createElement("path",{fill:"none",d:"M99 664.2h193M115.8 713h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m65.8 37.5h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m66.2 37.5h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2"}))),F=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-in",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("path",{fill:"#f93",d:"M0 0h640v160H0z"}),f.createElement("path",{fill:"#fff",d:"M0 160h640v160H0z"}),f.createElement("path",{fill:"#128807",d:"M0 320h640v160H0z"}),f.createElement("g",{transform:"matrix(3.2 0 0 3.2 320 240)"},f.createElement("circle",{r:20,fill:"#008"}),f.createElement("circle",{r:17.5,fill:"#fff"}),f.createElement("circle",{r:3.5,fill:"#008"}),f.createElement("g",{id:"d"},f.createElement("g",{id:"c"},f.createElement("g",{id:"b"},f.createElement("g",{id:"a",fill:"#008"},f.createElement("circle",{r:.9,transform:"rotate(7.5 -8.8 133.5)"}),f.createElement("path",{d:"M0 17.5.6 7 0 2l-.6 5L0 17.5z"})),f.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(15)"})),f.createElement("use",{xlinkHref:"#b",width:"100%",height:"100%",transform:"rotate(30)"})),f.createElement("use",{xlinkHref:"#c",width:"100%",height:"100%",transform:"rotate(60)"})),f.createElement("use",{xlinkHref:"#d",width:"100%",height:"100%",transform:"rotate(120)"}),f.createElement("use",{xlinkHref:"#d",width:"100%",height:"100%",transform:"rotate(-120)"}))),$=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-id",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("g",{fillRule:"evenodd",strokeWidth:"1pt"},f.createElement("path",{fill:"#e70011",d:"M0 0h640v249H0z"}),f.createElement("path",{fill:"#fff",d:"M0 240h640v240H0z"}))),W=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-my",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("path",{fill:"#c00",d:"M0 0h640v480H0z"}),f.createElement("path",{fill:"#fff",d:"M.5 39.9h639v38.4H.5zM.5 118.6h639V157H.5zM.5 197.4h639v38.4H.5z"}),f.createElement("path",{fill:"#006",d:"M0 .5h320v280H0Z"}),f.createElement("path",{fill:"#fc0",d:"m207.5 73.8 6 40.7 23-34-12.4 39.2 35.5-20.8-28.1 30 41-3.2-38.3 14.8 38.3 14.8-41-3.2 28.1 30-35.5-20.8 12.3 39.3-23-34.1-6 40.7-5.9-40.7-23 34 12.4-39.2-35.5 20.8 28-30-41 3.2 38.4-14.8-38.3-14.8 41 3.2-28.1-30 35.5 20.8-12.4-39.3 23 34.1zm-33.3 1.7a71.1 71.1 0 1 0 0 130 80 80 0 1 1 0-130z"}),f.createElement("path",{fill:"#fff",d:"M.5 276.2h639v38.4H.5zM.5 354.4h639v38.4H.5zM0 441.6h639V480H0z"})),G=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-mm",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("path",{fill:"#fecb00",d:"M0 0h640v480H0z"}),f.createElement("path",{fill:"#34b233",d:"M0 160h640v320H0z"}),f.createElement("path",{fill:"#ea2839",d:"M0 320h640v160H0z"}),f.createElement("g",{transform:"translate(320 256.9) scale(176.87999)"},f.createElement("path",{id:"a",fill:"#fff",d:"m0-1 .3 1h-.6z"}),f.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(-144)"}),f.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(-72)"}),f.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(72)"}),f.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(144)"}))),U=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-ph",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("path",{fill:"#0038a8",d:"M0 0h640v240H0z"}),f.createElement("path",{fill:"#ce1126",d:"M0 240h640v240H0z"}),f.createElement("path",{fill:"#fff",d:"M415.7 240 0 480V0"}),f.createElement("path",{fill:"#fcd116",d:"M26.7 42.4 41 55l16.6-9.2-7.4 17.5 14 13-19-1.6-8.1 17.2-4.3-18.5L14 71l16.3-10zm323.8 172.3.4 19 18 6.3-18 6.2-.4 19-11.5-15.1-18.2 5.5 10.8-15.6-10.8-15.6 18.2 5.5zM37.2 388.1l8 17.2 19-1.6-13.9 13 7.4 17.5-16.6-9.1-14.4 12.4 3.6-18.7L14 409l18.9-2.4zm114.2-249-6.2 6.2 3.1 47-3 .3-5.7-42.9-5.1 5 7.6 38.4a47.5 47.5 0 0 0-17.2 7.1l-21.7-32.4H96l26.4 34.3a48 48 0 0 0-2.4 2l-31.1-35.5h-8.8v8.8l35.4 31-2 2.5-34.3-26.3v7.1l32.5 21.7c-3.4 5.2-5.9 11-7.1 17.2L66.3 223l-5.1 5 42.9 5.7c-.2 1-.3 2.1-.3 3.1l-47-3-6.2 6.2 6.2 6.2 47-3.1.3 3.1-42.9 5.7 5 5 38.4-7.6a47.5 47.5 0 0 0 7.1 17.2l-32.5 21.7v7.2l34.3-26.3a48 48 0 0 0 2 2.4l-35.4 31v8.8H89l31-35.4 2.5 2L96 312.2h7.2l21.7-32.5c5.1 3.4 11 5.9 17.2 7.1l-7.6 38.4 5 5 5.7-42.9c1 .2 2 .3 3.1.3l-3 47 6.1 6.2 6.3-6.2-3.1-47 3-.3 5.7 43 5.1-5.1-7.6-38.4a47.5 47.5 0 0 0 17.2-7.1l21.7 32.5h7.2l-26.4-34.3a48 48 0 0 0 2.4-2l31.1 35.4h8.8v-8.8l-35.4-31 2-2.4 34.3 26.3v-7.2l-32.5-21.7c3.4-5.1 5.9-11 7.1-17.2l38.3 7.6 5.1-5-42.9-5.7c.2-1 .3-2 .3-3.1l47 3 6.2-6.1-6.2-6.2-47 3-.3-3 42.9-5.7-5-5-38.4 7.5a47.5 47.5 0 0 0-7.1-17.2l32.5-21.7v-7.1l-34.3 26.3a48 48 0 0 0-2-2.4l35.4-31v-8.9H214l-31 35.5a48 48 0 0 0-2.5-2l26.4-34.3h-7.2L178 200.2c-5.1-3.4-11-5.9-17.2-7.1l7.6-38.3-5-5-5.7 42.8-3.1-.3 3-47z"})),X=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-tw",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("clipPath",{id:"a"},f.createElement("path",{d:"M0 0h640v480H0z"})),f.createElement("g",{clipPath:"url(#a)"},f.createElement("path",{fill:"red",d:"M0 0h720v480H0z"}),f.createElement("path",{fill:"#000095",d:"M0 0h360v240H0z"}),f.createElement("g",{fill:"#fff"},f.createElement("path",{d:"m154 126.9-2.5 9.6 9.4 2.6-1.8-7.1zm46.9 5.1-1.8 7.1 9.4-2.6-2.5-9.6zm-41.8-24-5.1 5.1 1.9 6.9z"}),f.createElement("path",{d:"m155.9 120-1.9 6.9 5.1 5.1z"}),f.createElement("path",{d:"m154 113.1-6.9 6.9 6.9 6.9 1.9-6.9zm14 27.8 5.1 5.1 6.9-1.9zm18.9 5.1 9.6 2.5 2.6-9.4-7.1 1.8z"}),f.createElement("path",{d:"m192 140.9 7.1-1.8 1.8-7.1zm-31.1-1.8 2.6 9.4 9.6-2.5-5.1-5.1zm19.1 5 6.9 1.9 5.1-5.1z"}),f.createElement("path",{d:"m173.1 146 6.9 6.9 6.9-6.9-6.9-1.9zm-12.2-45.1-9.4 2.6 2.5 9.6 5.1-5.1zm-1.8 31.1 1.8 7.1 7.1 1.8zm45-12 1.9-6.9-5.1-5.1z"}),f.createElement("path",{d:"m168 99.1-7.1 1.8-1.8 7.1zm32.9 8.9-1.8-7.1-7.1-1.8zm5.1 18.9 6.9-6.9-6.9-6.9-1.9 6.9z"}),f.createElement("path",{d:"m200.9 108-8.9-8.9-12-3.2-12 3.2-8.9 8.9-3.2 12 3.2 12 8.9 8.9 12 3.2 12-3.2 8.9-8.9 3.2-12z"}),f.createElement("path",{d:"m200.9 132 5.1-5.1-1.9-6.9zm5.1-18.9 2.5-9.6-9.4-2.6 1.8 7.1zm-6.9-12.2-2.6-9.4-9.6 2.5 5.1 5.1zm-26-6.9-9.6-2.5-2.6 9.4 7.1-1.8zm6.9 1.9-6.9-1.9-5.1 5.1z"}),f.createElement("path",{d:"m186.9 94-6.9-6.9-6.9 6.9 6.9 1.9z"}),f.createElement("path",{d:"m192 99.1-5.1-5.1-6.9 1.9zM173.1 146l-9.6 2.5 4.5 16.6 12-12.2zm-5.1 19.1 12 44.9 12-44.9-12-12.2zm-7.1-26-9.4-2.6-4.4 16.4 16.4-4.4z"}),f.createElement("path",{d:"m147.1 152.9-12 45.1 32.9-32.9-4.5-16.6zm-12-20.9L102 165.1l45.1-12.2 4.4-16.4z"}),f.createElement("path",{d:"m154 126.9-6.9-6.9-12 12 16.4 4.5zm0-13.8-2.5-9.6-16.4 4.5 12 12z"}),f.createElement("path",{d:"M135.1 108 90 120l45.1 12 12-12zm90 24-16.6 4.5 4.4 16.4 45.1 12.2z"}),f.createElement("path",{d:"m199.1 139.1-2.6 9.4 16.4 4.4-4.4-16.4zm-12.2 6.9-6.9 6.9 12 12.2 4.5-16.6zm19.1-19.1 2.5 9.6 16.6-4.5-12.2-12z"}),f.createElement("path",{d:"m192 165.1 33.1 32.9-12.2-45.1-16.4-4.4zm7.1-64.2 9.4 2.6 4.4-16.4-16.4 4.4z"}),f.createElement("path",{d:"M225.1 108 258 75.1l-45.1 12-4.4 16.4zm-12.2-20.9L225.1 42 192 75.1l4.5 16.4zm12.2 44.9 44.9-12-44.9-12-12.2 12z"}),f.createElement("path",{d:"m206 113.1 6.9 6.9 12.2-12-16.6-4.5zm-38-38L135.1 42l12 45.1 16.4 4.4z"}),f.createElement("path",{d:"m160.9 100.9 2.6-9.4-16.4-4.4 4.4 16.4z"}),f.createElement("path",{d:"m147.1 87.1-45.1-12 33.1 32.9 16.4-4.5zm39.8 6.9 9.6-2.5-4.5-16.4-12 12z"}),f.createElement("path",{d:"M192 75.1 180 30l-12 45.1 12 12z"}),f.createElement("path",{d:"m173.1 94 6.9-6.9-12-12-4.5 16.4z"})),f.createElement("circle",{cx:180,cy:120,r:51.1,fill:"#000095"}),f.createElement("circle",{cx:180,cy:120,r:45.1,fill:"#fff"}))),Y=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-th",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("g",{fillRule:"evenodd"},f.createElement("path",{fill:"#f4f5f8",d:"M0 0h640v480H0z"}),f.createElement("path",{fill:"#2d2a4a",d:"M0 162.5h640v160H0z"}),f.createElement("path",{fill:"#a51931",d:"M0 0h640v82.5H0zm0 400h640v80H0z"}))),K=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-vn",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("defs",null,f.createElement("clipPath",{id:"a"},f.createElement("path",{fillOpacity:.7,d:"M-85.3 0h682.6v512H-85.3z"}))),f.createElement("g",{fillRule:"evenodd",clipPath:"url(#a)",transform:"translate(80) scale(.9375)"},f.createElement("path",{fill:"#da251d",d:"M-128 0h768v512h-768z"}),f.createElement("path",{fill:"#ff0",d:"M349.6 381 260 314.3l-89 67.3L204 272l-89-67.7 110.1-1 34.2-109.4L294 203l110.1.1-88.5 68.4 33.9 109.6z"}))),Z=Object.values(c.siteOptions).reduce(((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e)),[]),Q={PH:U,KH:V,ID:F,IN:$,MM:G,MY:W,TH:Y,TW:X,VN:K};var J={phoneInput:"i-9Ibox",error:"YDWHh9b"};const ee=e.forwardRef(((t,a)=>{const{isError:r,defaultCountry:n,countries:l=Z,countryCallingCodeEditable:i=!1,defaultValue:c,value:o,onChange:m,className:h}=t,d=s.__rest(t,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),[f,v]=e.useState(c||o),[g,E]=e.useState(null);return e.useEffect((()=>{v(o)}),[o]),e.useEffect((()=>{s.__awaiter(void 0,void 0,void 0,(function*(){const e=yield Promise.resolve().then((function(){return u(require("react-phone-number-input"))}));E(e)}))}),[]),g?p.default.createElement(g.default,Object.assign({ref:a,value:f,onChange:e=>{v(e),null==m||m(e)},countries:l,defaultCountry:n,countryCallingCodeEditable:i,className:I(J.phoneInput,{isError:r,[J.error]:r},h),flagUrl:void 0,flagComponent:e=>{const{country:t,countryName:a,flagUrl:r}=e,n=s.__rest(e,["country","countryName","flagUrl"]),l=Q[t],i=t?`(+${g.getCountryCallingCode(t)})`:"";return l?p.default.createElement(p.default.Fragment,null,p.default.createElement(l,Object.assign({title:a},n)),p.default.createElement("span",{className:I(J.callingCode,"PhoneInputCountryIconCallingCode")},i)):p.default.createElement(p.default.Fragment,null)},countrySelectProps:{arrowComponent:()=>p.default.createElement("div",{className:I(J.arrowSelect,"PhoneInputArrowContainer")},p.default.createElement(N,null))}},d)):null}));exports.Accordion=C,exports.Avatar=e=>{var{withIndicator:a=!1,indicatorConfig:r=null,size:n=56,children:l,styles:i}=e,c=s.__rest(e,["withIndicator","indicatorConfig","size","children","styles"]);const o=()=>p.default.createElement(t.Avatar,Object.assign({size:n,radius:"xl"},c,{imageProps:Object.assign({loading:"lazy"},c.imageProps)}),l||p.default.createElement("img",{loading:"lazy",src:y,width:n}));return a?p.default.createElement(t.Indicator,Object.assign({inline:!0,position:"bottom-end",offset:9},r,{styles:Object.assign({indicator:{backgroundColor:p.default.isValidElement(r.label)&&"transparent",zIndex:1}},i)}),o()):o()},exports.Cambodia=V,exports.CaretDown=N,exports.Carousel=k,exports.Checkbox=L,exports.DatePicker=w,exports.India=F,exports.Indonesia=$,exports.MAPPED_LOCALE=A,exports.Malaysia=W,exports.Myanmar=G,exports.OTP=B,exports.Phillipines=U,exports.Phone=ee,exports.Radio=O,exports.StyledModal=x,exports.StyledTextArea=b,exports.Taiwan=X,exports.Thailand=Y,exports.Vietnam=K,exports.getMantineThemeOverride=e=>({datesLocale:A[e],dateFormat:c.ISO_FORMAT[e].dateFormat,fontFamily:e===o.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.375rem"},error:{marginTop:"0.375rem"}}},NumberInput:{defaultProps:{decimalSeparator:c.ISO_FORMAT[e].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all 100ms ease-in-out","&:hover, &:focus":{borderColor:`${i.theme.colors.blue200}`,boxShadow:`0 0 2px 2px ${i.theme.colors.blue200}`}},invalid:{color:"#000"}}},Checkbox:{styles:{input:S}},Radio:{styles:{radio:Object.assign(Object.assign({backgroundColor:"#ffffff"},S),{"&:checked":{backgroundColor:"#ffffff"}})}}}}),exports.useMantineLocale=t=>{e.useEffect((()=>{var e;null===(e=P[t])||void 0===e||e.call(P),g.default.locale(A[t])}),[t])};