@saasquatch/mint-components 2.3.0-10 → 2.3.0-12

package/dist/cjs/{useIndirectTaxForm-112914a0.js → useIndirectTaxForm-64c0231c.js}

@@ -3,7 +3,7 @@
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const subregions = require('./subregions-984e30d7.js');
+const subregions = require('./subregions-3542b0b8.js');
 const data = require('./data-89ac73dd.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 
@@ -1151,6 +1151,8 @@ const COMPLETE_PARTNER = index_module.dist.gql `
         impactConnection {
           connected
           publisher {
+            phoneNumber
+            phoneNumberCountryCode
             brandedSignup
             requiredTaxDocumentType
             currentTaxDocument {

package/dist/cjs/usePortalRegistrationForm-8a3a14ac.js

@@ -0,0 +1,215 @@
+'use strict';
+
+const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
+const index_module = require('./index.module-f8c8495f.js');
+const jsonpointer = require('./jsonpointer-11327262.js');
+const AsYouType = require('./AsYouType-d15caac8.js');
+const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
+
+const RegistrationFormQuery = index_module.dist.gql `
+  query RegistrationFormQuery($key: String!) {
+    form(key: $key) {
+      key
+      type
+      initialData {
+        initialData
+        isEnabled
+        isEnabledErrorMessage
+      }
+    }
+  }
+`;
+function usePortalRegistrationForm(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  const formRef = domContextHooks_module.useRef(null);
+  const locale = index_module.L();
+  const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState({});
+  const [request, { loading, errors, data, formError }] = index_module.Oe();
+  const queryResponse = index_module.wn(RegistrationFormQuery, { key: props.formKey });
+  const formLoading = loading || queryResponse.loading;
+  domContextHooks_module.useEffect(() => {
+    var _a, _b, _c;
+    const initialData = (_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData.initialData;
+    const disabled = ((_b = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _b === void 0 ? void 0 : _b.form.initialData.isEnabled) === false;
+    const disabledMessage = ((_c = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _c === void 0 ? void 0 : _c.form.initialData.isEnabledErrorMessage) ||
+      props.formDisabledErrorMessage;
+    const formState = {
+      loading: formLoading,
+      disabled,
+      disabledMessage,
+      initialData,
+    };
+    setRegistrationFormState(formState);
+  }, [(_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData]);
+  domContextHooks_module.useEffect(() => {
+    if (!formRef.current)
+      return;
+    const form = formRef.current;
+    form.addEventListener("sl-input", inputFunction);
+    return () => {
+      form.removeEventListener("sl-input", inputFunction);
+    };
+  }, [formRef.current]);
+  const submit = async (event) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    let formControls = event.target.getFormControls();
+    let formData = {};
+    let validationErrors = {};
+    formControls === null || formControls === void 0 ? void 0 : formControls.forEach((control) => {
+      if (!control.name)
+        return;
+      const key = control.name;
+      const value = control.value;
+      // control.value = initialData[key] || control.value;
+      jsonpointer.jsonpointer.set(formData, key, value);
+      // required validation
+      if (control.required && !value) {
+        jsonpointer.jsonpointer.set(validationErrors, key, props.requiredFieldErrorMessage);
+      }
+      // custom validation
+      if (typeof control.validationError === "function") {
+        const validate = control.validationError;
+        const validationError = validate({ control, key, value });
+        if (validationError)
+          jsonpointer.jsonpointer.set(validationErrors, key, validationError);
+      }
+    });
+    if ((props.confirmPassword || formData.confirmPassword) &&
+      formData.password !== formData.confirmPassword) {
+      validationErrors = {
+        ...validationErrors,
+        confirmPassword: props.passwordMismatchErrorMessage,
+      };
+    }
+    if (Object.keys(validationErrors).length) {
+      // early return for validation errors
+      setRegistrationFormState({
+        ...registrationFormState,
+        loading: false,
+        error: "",
+        validationErrors,
+      });
+      return;
+    }
+    setRegistrationFormState({
+      ...registrationFormState,
+      loading: true,
+      error: "",
+      validationErrors: {},
+    });
+    const { email, password } = formData;
+    delete formData.email;
+    delete formData.password;
+    delete formData.confirmPassword;
+    const redirectPath = props.redirectPath;
+    const _googleOAuthIdToken = registrationFormState._googleOAuthIdToken;
+    const variables = {
+      key: props.formKey,
+      formData: {
+        ...(_googleOAuthIdToken ? { _googleOAuthIdToken } : {}),
+        locale,
+        email,
+        password,
+        redirectPath,
+        ...formData,
+      },
+    };
+    try {
+      const result = await request(variables);
+      if (result instanceof Error) {
+        throw result;
+      }
+      setRegistrationFormState({
+        ...registrationFormState,
+        loading: false,
+        error: "",
+        validationErrors: {},
+      });
+      const managedIdentityResponse = (_a = result.submitForm) === null || _a === void 0 ? void 0 : _a.results.find((result) => { var _a; return ((_a = result === null || result === void 0 ? void 0 : result.formHandler) === null || _a === void 0 ? void 0 : _a.namespace) === "identity"; });
+      if (managedIdentityResponse &&
+        managedIdentityResponse.result.results.length &&
+        managedIdentityResponse.result.results[0].success &&
+        managedIdentityResponse.result.results[0].data.token) {
+        index_module.jn.push(props.nextPage);
+      }
+      else if (
+      // check for blocked email error response
+      ((_b = result.submitForm) === null || _b === void 0 ? void 0 : _b.results.length) === 1 &&
+        ((_f = (_e = (_d = (_c = result.submitForm) === null || _c === void 0 ? void 0 : _c.results[0]) === null || _d === void 0 ? void 0 : _d.result) === null || _e === void 0 ? void 0 : _e.results) === null || _f === void 0 ? void 0 : _f.length) === 1 &&
+        ((_l = (_k = (_j = (_h = (_g = result.submitForm) === null || _g === void 0 ? void 0 : _g.results[0]) === null || _h === void 0 ? void 0 : _h.result) === null || _j === void 0 ? void 0 : _j.results) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.success) ===
+          false && ((_s = (_r = (_q = (_p = (_o = (_m = result.submitForm) === null || _m === void 0 ? void 0 : _m.results[0]) === null || _o === void 0 ? void 0 : _o.result) === null || _p === void 0 ? void 0 : _p.results) === null || _q === void 0 ? void 0 : _q[0]) === null || _r === void 0 ? void 0 : _r.message) === null || _s === void 0 ? void 0 : _s.startsWith("Blocked email"))) {
+        setRegistrationFormState({
+          ...registrationFormState,
+          loading: false,
+          error: "",
+          validationErrors: {
+            email: props.invalidEmailErrorMessage,
+          },
+        });
+      }
+    }
+    catch (error) {
+      // check for invalid email
+      if ((_t = error === null || error === void 0 ? void 0 : error.message) === null || _t === void 0 ? void 0 : _t.includes("is not a valid email address")) {
+        setRegistrationFormState({
+          ...registrationFormState,
+          loading: false,
+          error: "",
+          validationErrors: { email: props.invalidEmailErrorMessage },
+        });
+      }
+      else {
+        setRegistrationFormState({
+          ...registrationFormState,
+          loading: false,
+          error: props.networkErrorMessage,
+          validationErrors: {},
+        });
+      }
+    }
+  };
+  const inputFunction = index_module.useCallback((e) => {
+    var _a, _b;
+    const name = (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toLowerCase();
+    if (name !== "tel")
+      return;
+    const asYouType = new AsYouType.AsYouType("US");
+    e.target.value = asYouType.input(e.target.value);
+  }, []);
+  let errorMessage = "";
+  if (((_b = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _b === void 0 ? void 0 : _b.form.initialData.isEnabled) === false) {
+    errorMessage =
+      ((_c = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _c === void 0 ? void 0 : _c.form.initialData.isEnabledErrorMessage) ||
+        props.formDisabledErrorMessage;
+  }
+  else if ((_d = errors === null || errors === void 0 ? void 0 : errors.response) === null || _d === void 0 ? void 0 : _d["error"]) {
+    errorMessage = props.networkErrorMessage;
+  }
+  else if ((errors === null || errors === void 0 ? void 0 : errors.message) && !((_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors.length)) {
+    errorMessage = props.networkErrorMessage;
+  }
+  else {
+    errorMessage =
+      formError || ((_j = (_h = (_g = (_f = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.errors) === null || _f === void 0 ? void 0 : _f.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) || (registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.error);
+  }
+  return {
+    states: {
+      loading: loading || queryResponse.loading,
+      error: errorMessage,
+      registrationFormState,
+      confirmPassword: props.confirmPassword,
+      hideInputs: props.hideInputs,
+      loginPath: props.loginPath,
+      enablePasswordValidation: !props.disablePasswordValidation,
+    },
+    callbacks: {
+      submit,
+      inputFunction,
+    },
+    refs: {
+      formRef,
+    },
+  };
+}
+
+exports.usePortalRegistrationForm = usePortalRegistrationForm;

package/dist/collection/components/tax-and-cash/phoneExtensions.js

@@ -219,6 +219,10 @@ export const PHONE_EXTENSIONS = {
     name: "Cuba",
     dial_code: "+53",
   },
+  CW: {
+    name: "Curaçao",
+    dial_code: "+599",
+  },
   CY: {
     name: "Cyprus",
     dial_code: "+357",
@@ -299,6 +303,10 @@ export const PHONE_EXTENSIONS = {
     name: "French Polynesia",
     dial_code: "+689",
   },
+  TF: {
+    name: "French Southern Territories",
+    dial_code: "+262",
+  },
   GA: {
     name: "Gabon",
     dial_code: "+241",
@@ -955,6 +963,10 @@ export const PHONE_EXTENSIONS = {
     name: "Wallis and Futuna",
     dial_code: "+681",
   },
+  EH: {
+    name: "Western Sahara",
+    dial_code: "+212",
+  },
   YE: {
     name: "Yemen",
     dial_code: "+967",

package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.js

@@ -46,6 +46,8 @@ export const COMPLETE_PARTNER = gql `
         impactConnection {
           connected
           publisher {
+            phoneNumber
+            phoneNumberCountryCode
             brandedSignup
             requiredTaxDocumentType
             currentTaxDocument {

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.js

@@ -1,6 +1,6 @@
 import { getContextValueName, useHost, useLocale, useMutation, useParentQuery, useParentState, useUserIdentity, } from "@saasquatch/component-boilerplate";
 import { useEffect, useMemo } from "@saasquatch/universal-hooks";
-import { getCountryObj } from "../utils";
+import { getCountryObj, isValidI18nPhoneNumber } from "../utils";
 import { COUNTRIES_NAMESPACE, COUNTRIES_QUERY_NAMESPACE, CURRENCIES_NAMESPACE, CURRENCIES_QUERY_NAMESPACE, FINANCE_NETWORK_SETTINGS_NAMESPACE, GET_COUNTRIES, GET_CURRENCIES, GET_FINANCE_NETWORK_SETTINGS, GET_USER, SORTED_COUNTRIES_NAMESPACE, TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "../data";
 import { COMPLETE_PARTNER, } from "../sqm-indirect-tax-form/useIndirectTaxForm";
 function getCurrentStep(user) {
@@ -8,15 +8,19 @@ function getCurrentStep(user) {
   if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) || !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {
     return "/1";
   }
-  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, billingAddress, billingCity, billingCountryCode, billingPostalCode, billingState, phoneNumber, phoneNumberCountryCode, } = user.impactConnection.publisher;
-  const hasBillingInfo = billingAddress &&
-    billingCity &&
-    billingCountryCode &&
-    billingPostalCode &&
-    phoneNumberCountryCode &&
-    phoneNumber;
-  if (!hasBillingInfo) {
-    return "/1";
+  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, billingAddress, billingCity, billingCountryCode, billingPostalCode, phoneNumber, phoneNumberCountryCode, } = user.impactConnection.publisher;
+  const isCompleted = user.impactConnection.connectionStatus === "COMPLETED";
+  if (!isCompleted) {
+    const hasBillingInfo = billingAddress &&
+      billingCity &&
+      billingCountryCode &&
+      billingPostalCode &&
+      phoneNumberCountryCode &&
+      phoneNumber &&
+      isValidI18nPhoneNumber(phoneNumberCountryCode, phoneNumber);
+    if (!hasBillingInfo) {
+      return "/1";
+    }
   }
   // If they do have a required document, look at current document
   if (requiredTaxDocumentType && !currentTaxDocument) {
@@ -158,7 +162,8 @@ export function useTaxAndCash() {
         publisher.billingCountryCode &&
         publisher.billingPostalCode &&
         publisher.phoneNumberCountryCode &&
-        publisher.phoneNumber;
+        publisher.phoneNumber &&
+        isValidI18nPhoneNumber(publisher.phoneNumberCountryCode, publisher.phoneNumber);
       if (hasBillingInfo &&
         ((_b = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _b === void 0 ? void 0 : _b.connectionStatus) === "STARTED") {
         const vars = {

package/dist/collection/components/tax-and-cash/sqm-user-info-form/UserInfoFormView.stories.js

@@ -11,6 +11,8 @@ const mockCountries = [
   { countryCode: "DE", displayName: "Germany" },
   { countryCode: "FR", displayName: "France" },
   { countryCode: "ES", displayName: "Spain" },
+  // Show handling of long country names
+  { countryCode: "CD", displayName: "Congo, The Democratic Republic of the Congo" },
 ];
 const mockCurrencies = [
   { currencyCode: "USD", displayName: "US Dollar" },

package/dist/collection/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.js

@@ -105,7 +105,7 @@ export const OtherRegionSlotView = (props) => {
         helpText: formatErrorMessage(text.subRegion, text.error.fieldRequiredError),
       }), { id: "subRegion", name: "/subRegion" }), props.data.esRegions.map((r) => (h("sl-menu-item", { value: r.regionCode }, r.displayName)))),
       h(IndirectTaxNumberInput, { name: "indirectTaxNumber", label: getTaxFieldLabel("VAT"), error: getTaxFieldError("VAT") }),
-      h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.hasSubRegionTaxNumber, "onSl-change": callbacks.onSpainToggle, disabled: states.disabled || states.isPartner }, text.isRegisteredSubRegionIncomeTax),
+      h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.hasSubRegionTaxNumber, "onSl-change": callbacks.onSpainToggle, disabled: states.disabled }, text.isRegisteredSubRegionIncomeTax),
       formState.hasSubRegionTaxNumber && (h("sl-input", Object.assign({ required: true, exportparts: "label: input-label, base: input-base", class: classes.Input, label: text.subRegionTaxNumberLabel, disabled: states.loading || states.disabled, value: formState.subRegionTaxNumber }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.subRegionTaxNumber) && {
         class: classes.ErrorInput,
         helpText: formatErrorMessage(text.subRegionTaxNumberLabel, text.error.fieldRequiredError),
@@ -123,7 +123,7 @@ export const OtherRegionSlotView = (props) => {
       currentTaxType === "GST" && (h(IndirectTaxNumberInput, { label: getTaxFieldLabel("GST"), error: getTaxFieldError("GST"), name: "indirectTaxNumber" })),
       currentTaxType === "HST" && (h(IndirectTaxNumberInput, { label: getTaxFieldLabel("HST"), error: getTaxFieldError("HST"), name: "indirectTaxNumber" })),
       formState.province === "QUEBEC" && (h("div", { class: classes.ConditionalInputsContainer },
-        h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", "onSl-change": callbacks.onQstToggle, checked: formState.hasQst, disabled: states.isPartner || states.disabled }, text.isRegisteredQST),
+        h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", "onSl-change": callbacks.onQstToggle, checked: formState.hasQst, disabled: states.disabled }, text.isRegisteredQST),
         formState.hasQst && (h(IndirectTaxNumberInput, { name: "qstNumber", label: text.qstNumber, error: formatErrorMessage(text.qstNumber, text.error.fieldRequiredError) }))))));
   };
   const getActiveForm = (selectedRegion) => {

package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { AsYouType } from "libphonenumber-js";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
 import { FORM_STEPS } from "../data";
@@ -107,10 +108,6 @@ const vanillaStyle = `
       flex-direction: column;
     }
 
-    sl-select#phoneNumberCountryCode::part(menu) {
-      min-width: 250px;
-    }
-
     sl-button[type="primary"]::part(base){
         background-color: var(--sqm-primary-button-background);
         color: var(--sqm-primary-button-color);
@@ -204,6 +201,7 @@ const vanillaStyle = `
       background: var(--sqm-input-background, inherit);
       color: var(--sqm-input-color, inherit);
       border:none;
+      min-width: max-content;
     }
 
     sl-menu-item::part(base) {
@@ -388,7 +386,12 @@ export const UserInfoFormView = (props) => {
                     h("div", { slot: "prefix" }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
                     _b.dial_code));
                 })),
-              h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, validationError: ({ control, value, formData }) => {
+              h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, "onSl-input": (e) => {
+                  var _a;
+                  const target = e.target;
+                  const country = (((_a = refs.phoneCountryRef.current) === null || _a === void 0 ? void 0 : _a.value) || "US");
+                  target.value = new AsYouType(country).input(target.value);
+                }, validationError: ({ control, value, formData }) => {
                   // skip validation for values the user can't edit
                   if (control === null || control === void 0 ? void 0 : control.disabled)
                     return undefined;

package/dist/collection/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.js

@@ -3,7 +3,7 @@ import { useEffect, useMemo, useRef, useState, } from "@saasquatch/universal-hoo
 import jsonpointer from "jsonpointer";
 import { CURRENCIES_NAMESPACE, SORTED_COUNTRIES_NAMESPACE, TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "../data";
 import { ADDRESS_REGIONS } from "../subregions";
-import { objectIsFull, validTaxDocument } from "../utils";
+import { objectIsFull, toDomesticNumber, validTaxDocument } from "../utils";
 import { TAX_FORM_UPDATED_EVENT_KEY } from "../eventKeys";
 import { CONNECT_PARTNER, COMPLETE_PARTNER, } from "../sqm-indirect-tax-form/useIndirectTaxForm";
 import { gql } from "graphql-request";
@@ -150,12 +150,12 @@ export function useUserInfoForm(props) {
       city: formData.city,
       state: formData.state,
       postalCode: formData.postalCode,
-      phoneNumber: formData.phoneNumber,
+      phoneNumber: toDomesticNumber(formData.phoneNumberCountryCode, formData.phoneNumber),
       phoneNumberCountryCode: formData.phoneNumberCountryCode,
     };
     // If the partner has already been started call completeImpactPartner to
     // update the remaining details. Otherwise create a new connection.
-    const userData = data === null || data === void 0 ? void 0 : data.user;
+    // const userData = data?.user;
     let result = null;
     let connectionResult;
     result = await completeImpactPartner({
@@ -220,12 +220,13 @@ export function useUserInfoForm(props) {
       return;
     }
     const { allowBankingCollection, ...userData } = formData;
+    const normalizedPhoneNumber = toDomesticNumber(userData.phoneNumberCountryCode, userData.phoneNumber);
     setUserFormContext({
       ...userFormContext,
       firstName: userData.firstName,
       lastName: userData.lastName,
       phoneNumberCountryCode: userData.phoneNumberCountryCode,
-      phoneNumber: userData.phoneNumber,
+      phoneNumber: normalizedPhoneNumber,
       countryCode: userData.countryCode,
       address: userData.address,
       city: userData.city,
@@ -236,7 +237,10 @@ export function useUserInfoForm(props) {
     const skipNextStep = getSkipNextStep(userData);
     if (skipNextStep) {
       try {
-        const { resultPublisher, hasValidCurrentDocument } = await connectPartner(formData);
+        const { resultPublisher, hasValidCurrentDocument } = await connectPartner({
+          ...formData,
+          phoneNumber: normalizedPhoneNumber,
+        });
         if ((resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) &&
           !hasValidCurrentDocument) {
           // Go to docusign form

package/dist/collection/components/tax-and-cash/utils.js

@@ -1,31 +1,46 @@
+import { parsePhoneNumberFromString } from "libphonenumber-js";
 import { intl } from "../../global/global";
-import { PHONE_EXTENSIONS } from "./phoneExtensions";
-function stripLeadingZero(d) {
-  return d.startsWith("0") ? d.slice(1) : d;
+/**
+ * Normalize user input to the domestic form Impact stores: digits only,
+ * with the country dial code and trunk-zero prefix removed.
+ */
+export function toDomesticNumber(phoneCountryCode, input) {
+  var _a;
+  if (!input)
+    return "";
+  const parsed = parsePhoneNumberFromString(input, phoneCountryCode === null || phoneCountryCode === void 0 ? void 0 : phoneCountryCode.toUpperCase());
+  return (_a = parsed === null || parsed === void 0 ? void 0 : parsed.nationalNumber) !== null && _a !== void 0 ? _a : input.replace(/\D/g, "");
 }
 /**
- * Mirrors Impact's I18nPhoneNumberParams validation rules per country.
- * Returns true when the phone number is valid for the given the phoneNumberCountryCode country.
+ * Validates a phone number against both libphonenumber-js's per-country
+ * pattern rules AND Impact's I18nPhoneNumber length rules, applied to the
+ * sanitized value we'll submit.
  */
 export function isValidI18nPhoneNumber(phoneCountryCode, phoneNumber) {
-  var _a, _b;
   if (!phoneCountryCode || !(phoneNumber === null || phoneNumber === void 0 ? void 0 : phoneNumber.trim()))
     return false;
   const country = phoneCountryCode.toUpperCase();
-  const digits = phoneNumber.replace(/\D/g, "");
+  const parsed = parsePhoneNumberFromString(phoneNumber, country);
+  if (!(parsed === null || parsed === void 0 ? void 0 : parsed.isValid()))
+    return false;
+  return passesImpactBackendLengthCheck(country, toDomesticNumber(country, phoneNumber));
+}
+/**
+ * Mirrors estalea.bucket.phone.I18nPhoneNumber.isValidI18nPhoneNumber()
+ * length rules on the already-sanitized (digits-only) submission value.
+ */
+function passesImpactBackendLengthCheck(country, digits) {
+  if (!digits)
+    return false;
   switch (country) {
     case "US":
     case "CA": {
-      // strip a single leading "1", then exactly 10 digits
       const n = digits.startsWith("1") ? digits.slice(1) : digits;
       return n.length === 10;
     }
     case "AU":
-      // 9 or 10 digits
       return digits.length === 9 || digits.length === 10;
     case "NZ": {
-      // trim "640" country prefix or leading "0" (only when >9 digits),
-      // then 8–10 digits
       let n = digits;
       if (n.length > 9) {
         if (n.startsWith("640"))
@@ -35,25 +50,13 @@ export function isValidI18nPhoneNumber(phoneCountryCode, phoneNumber) {
       }
       return n.length >= 8 && n.length <= 10;
     }
-    case "GB":
-      // >= 6 digits after stripping a single leading "0", no dialing-code check
+    default:
       return stripLeadingZero(digits).length >= 6;
-    default: {
-      // All other countries: strip a single leading "0", then >= 6 digits
-      if (stripLeadingZero(digits).length < 6)
-        return false;
-      // If input starts with "+", the dialing code (first whitespace-split
-      // token) must match the selected country exactly. Splits on first
-      // whitespace, so "+4420 7946 0958" supplies "4420" (not "44") and fails.
-      if (phoneNumber.trim().startsWith("+")) {
-        const supplied = phoneNumber.trim().split(/\s/)[0].slice(1);
-        const expected = (_b = (_a = PHONE_EXTENSIONS[country]) === null || _a === void 0 ? void 0 : _a.dial_code) === null || _b === void 0 ? void 0 : _b.replace(/^\+/, "");
-        return expected === supplied;
-      }
-      return true;
-    }
   }
 }
+function stripLeadingZero(digits) {
+  return digits.startsWith("0") ? digits.slice(1) : digits;
+}
 export function validTaxDocument(requiredType) {
   const validTypes = ["W9", "W8BENE", "W8BEN"];
   if (validTypes.includes(requiredType))