@hhgtech/hhg-components 1.23.88-beta-2 → 1.23.89

package/build/esm/index-013a92c0.js

@@ -1 +0,0 @@
-import{a as n,_ as e}from"./tslib.es6-33285504.js";import r from"react";import o from"styled-components";import{L as t}from"./index-05696d9b.js";import{M as i}from"./utils-bf11a3c9.js";var a,l,s,c=o.div(a||(a=n(["\n  &[data-type='circle'] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    input {\n      position: relative;\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      margin-right: 8px;\n      border-radius: 100%;\n      cursor: inherit;\n      transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px ",";\n      }\n\n      &:checked {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-color: ",";\n        &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          width: 14px;\n          height: 14px;\n          //left: 3px;\n          //position: absolute;\n          //top: 4px;\n          background-color: ",";\n          border-radius: 50%;\n          content: '';\n          transform: translate(-50%, -50%);\n        }\n      }\n    }\n\n    label {\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: ",";\n    }\n\n    &[data-disabled='true'] {\n      color: ",";\n      cursor: not-allowed;\n      input {\n        border-color: ",";\n\n        &:hover {\n          border-color: ",";\n          box-shadow: none;\n        }\n      }\n    }\n  }\n\n  &[data-type='rectangle'] {\n    input {\n      display: none;\n\n      &:checked ~ label {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n        font-weight: ",";\n      }\n    }\n\n    label {\n      display: inline-block;\n      width: auto;\n      box-sizing: border-box;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      border-radius: 6px;\n      color: ",";\n      cursor: pointer;\n      font-weight: ",";\n      text-align: center;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n      }\n    }\n\n    &[data-disabled='true'] {\n      input {\n        cursor: not-allowed;\n      }\n\n      label {\n        color: ",";\n        cursor: not-allowed;\n\n        &:hover {\n          border-color: ",";\n        }\n      }\n    }\n\n    &[data-size='small'] {\n      label {\n        height: 32px;\n        padding: 6px 12px;\n        font-size: 13px;\n      }\n    }\n\n    &[data-size='large'] {\n      label {\n        height: 48px;\n        padding: 13px 16px;\n        font-size: 14px;\n      }\n    }\n  }\n"],["\n  &[data-type='circle'] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    input {\n      position: relative;\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      margin-right: 8px;\n      border-radius: 100%;\n      cursor: inherit;\n      transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px ",";\n      }\n\n      &:checked {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-color: ",";\n        &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          width: 14px;\n          height: 14px;\n          //left: 3px;\n          //position: absolute;\n          //top: 4px;\n          background-color: ",";\n          border-radius: 50%;\n          content: '';\n          transform: translate(-50%, -50%);\n        }\n      }\n    }\n\n    label {\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: ",";\n    }\n\n    &[data-disabled='true'] {\n      color: ",";\n      cursor: not-allowed;\n      input {\n        border-color: ",";\n\n        &:hover {\n          border-color: ",";\n          box-shadow: none;\n        }\n      }\n    }\n  }\n\n  &[data-type='rectangle'] {\n    input {\n      display: none;\n\n      &:checked ~ label {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n        font-weight: ",";\n      }\n    }\n\n    label {\n      display: inline-block;\n      width: auto;\n      box-sizing: border-box;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      border-radius: 6px;\n      color: ",";\n      cursor: pointer;\n      font-weight: ",";\n      text-align: center;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n      }\n    }\n\n    &[data-disabled='true'] {\n      input {\n        cursor: not-allowed;\n      }\n\n      label {\n        color: ",";\n        cursor: not-allowed;\n\n        &:hover {\n          border-color: ",";\n        }\n      }\n    }\n\n    &[data-size='small'] {\n      label {\n        height: 32px;\n        padding: 6px 12px;\n        font-size: 13px;\n      }\n    }\n\n    &[data-size='large'] {\n      label {\n        height: 48px;\n        padding: 13px 16px;\n        font-size: 14px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),d=function(n){var o=n.type,t=n.size,i=void 0===t?"small":t,a=n.label,l=n.name,s=n.checked,d=n.value,h=n.className,u=n.isDisabled,p=void 0!==u&&u,x=n.onChange,b=n.dataEventCategory,g=n.dataEventAction,m=n.dataEventLabel,f=!!g&&!!b&&!!m?{"data-event-category":b,"data-event-action":g,"data-event-label":m}:{};return r.createElement(c,{"data-disabled":p,className:h,"data-type":o,"data-size":i},r.createElement("label",e({style:{display:"flex",alignItems:"center"}},f),r.createElement("input",e({type:"radio",checked:s,name:l,value:d,onChange:function(){return x(d)}},f)),a))},h=o.div(l||(l=n(["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"],["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.neutral50})),u=r.forwardRef((function(n,e){var o,i=n.height,a=n.placeholder,l=n.labelText,s=n.labelColor,c=n.id,d=n.name,u=n.onChange,p=n.value,x=n.className,b=n.onKeyPress,g=n.disabled,m=void 0!==g&&g;return r.createElement(h,{className:x,style:(o={},o["--textarea-height"]=i||"116px",o)},l&&r.createElement(t,{size:"label2",style:{color:s||"#595959"},htmlFor:c},l),r.createElement("textarea",{name:d,ref:e,placeholder:a,id:c,onChange:function(n){return u&&u(n.target.value)},onKeyPress:function(n){return b&&b(n)},value:p,disabled:m}))})),p=o.div(s||(s=n(["\n  display: flex;\n  cursor: pointer;\n\n  &[data-theme='marryBaby'] {\n    input {\n      width: 20px;\n      height: 20px;\n      border: 1.3px solid ",";\n      border-radius: 9px;\n\n      cursor: inherit;\n      transition: border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:focus-visible {\n        border: 2px solid ",";\n      }\n\n      &:checked {\n        border: 0;\n        background: ","\n          url(\"data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n          no-repeat center center;\n      }\n    }\n\n    label {\n      max-width: 15rem;\n      margin-left: 8px;\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n      color: ",";\n    }\n  }\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  cursor: pointer;\n\n  &[data-theme='marryBaby'] {\n    input {\n      width: 20px;\n      height: 20px;\n      border: 1.3px solid ",";\n      border-radius: 9px;\n\n      cursor: inherit;\n      transition: border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:focus-visible {\n        border: 2px solid ",";\n      }\n\n      &:checked {\n        border: 0;\n        background: ","\n          url(\"data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n          no-repeat center center;\n      }\n    }\n\n    label {\n      max-width: 15rem;\n      margin-left: 8px;\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n      color: ",";\n    }\n  }\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.mbColors.midGray}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.gray}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),i.mbDown,i.mbUp,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),x=function(n){var e=n.label,o=n.name,t=n.checked,i=n.className,a=n.isDisabled,l=n.onChange,s=n.value,c=n.isRectangle,d=n.inputDataTestId,h=n.siteType;return r.createElement(p,{className:i,"data-disabled":a||void 0,"data-is-rectangle":c||void 0,"data-label-text":e,"data-theme":h},r.createElement("input",{type:"checkbox",checked:t,name:o,onChange:function(){return l(s,!t)},disabled:a,value:s,id:"".concat(o,"-").concat(s),"data-label-text":e,"data-testid":d}),!c&&r.createElement("label",{htmlFor:"".concat(o,"-").concat(s)},e))};export{x as C,d as R,c as S,u as T};

package/build/esm/index-05696d9b.js

@@ -1 +0,0 @@
-import e from"react";var a="DjBFAbd",t=function(t){var r=t.children,c=t.className,l=t.style,s=t.htmlFor,o=t.size;return e.createElement("label",{"data-size":o,className:"".concat(a," ").concat(c||""),style:l,htmlFor:s},r)};export{t as L};

package/build/esm/index-0ac44ec0.js

@@ -1 +0,0 @@
-import{a as n,d as e,_ as o,b as r,c as t}from"./tslib.es6-33285504.js";import i,{createContext as a,useContext as s}from"react";import{Container as p,Input as m}from"@mantine/core";import{useForm as d,yupResolver as l}from"@mantine/form";import{P as c}from"./index-65da6fbb.js";import*as g from"yup";import u from"styled-components";import{L as h}from"./logoIcon-3f6ccb13.js";import{L as f}from"./index-09386d94.js";import{T as b}from"./index-933da36a.js";import{M as x}from"./utils-bf11a3c9.js";import{H as w}from"./index-6de5813c.js";import{t as y}from"./theme-29327177.js";import{B as v}from"./index-234da828.js";import{L as E}from"./Locale-5b2e2812.js";import{u as P}from"./useTranslations-4b9465a3.js";var j,M,I,z,N,q,L,T=a({}),C=u.div(j||(j=n([""],[""]))),S=u(b)(M||(M=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),F=u.div(I||(I=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"]))),O=u(p)(z||(z=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),k=u.img(N||(N=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),H=function(n){var r,t=n.heading,a=n.description,p=n.children,m=n.className,d=n.imgSrc,l=e(n,["heading","description","children","className","imgSrc"]),c=s(T),g=c.isMarryBaby,u=c.siteType;return i.createElement(O,o({},l,{className:"hhg-comp-onboarding-container ".concat(m),size:"sm"}),i.createElement(h,{type:g?u:(null===(r=f[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),i.createElement(F,null,d&&i.createElement(k,{src:d,loading:"lazy"}),i.createElement(C,{className:"header"},i.createElement(w,{tag:"h3"},t),i.createElement(S,{size:"p3",color:y.colors.gray600},a)),p))},B=function(n){return g.object().shape({phone:g.string().required(n("onboarding.updatePhone.error")).default("")})},U=function(n){return g.object().shape({otp:g.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},V=function(n){return g.object().shape({email:g.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:g.string().required(n("onboarding.errorMessage.requiredName"))})},Y=function(n){return g.object().shape({password:g.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:g.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([g.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},_=u(H)(q||(q=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),A=((L={})[E.Vietnam]="VN",L[E.Cambodia]="KH",L[E.Indonesia]="ID",L[E.Malaysia]="MY",L[E.PhilippinesEnglish]="PH",L[E.PhilippinesTagalog]="PH",L[E.Taiwan]="TW",L[E.Thailand]="TH",L[E.Myanmar]="MM",L),D=function(n){var e=n.onClose,a=n.onSubmit,s=n.canSkip,p=void 0===s||s,g=n.customFormTexts,u=P().t,h=d({initialValues:{phone:""},validate:l(B(u))});return i.createElement(_,{heading:(null==g?void 0:g.heading)||u("onboarding.updatePhone.heading"),description:(null==g?void 0:g.description)||u("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:h.onSubmit((function(n){return r(void 0,void 0,void 0,(function(){return t(this,(function(e){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(c,o({defaultCountry:A[process.env.UNIFY_LOCALE]||"VN"},h.getInputProps("phone"))),i.createElement(m.Error,null,h.errors.phone)),i.createElement(v,{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")),p&&i.createElement(v,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},u("onboarding.button.skip"))))};export{H as F,A as M,T as O,V as a,Y as b,D as c,U as o};

package/build/esm/index-0db2ed40.js

@@ -1 +0,0 @@
-import{a as n,d as t,_ as e}from"./tslib.es6-33285504.js";import o from"react";import{CommonGAssets as a}from"./gAssets.js";import{Modal as i}from"@mantine/core";import r from"styled-components";import{t as l}from"./theme-29327177.js";var m,s=r(i)(m||(m=n(["\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n"])),l.colors.neutral100),d=function(n){var i=n.title,r=t(n,["title"]);return o.createElement(o.Fragment,null,o.createElement(s,e({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},r,{withCloseButton:!1,title:r.withCloseButton&&o.createElement(o.Fragment,null,i,o.createElement("img",{className:"mantine-Modal-close",src:a.getAssetPath("CloseModal.svg"),onClick:function(){var n;return null===(n=r.onClose)||void 0===n?void 0:n.call(r)}}))})))};export{d as M};