@saasquatch/mint-components 2.0.5-2 → 2.0.5

package/dist/esm/sqm-banking-info-form_10.entry.js

@@ -1,21 +1,21 @@
-import { h, r as registerInstance, c as Host, g as getElement } from './index-38ad4957.js';
-import { i as intl } from './global-fc653a2a.js';
-import { m as useRef, k as useState, f as useEffect, n as h$1, u as useMemo, b as browser, j as useReducer } from './dom-context-hooks.module-50442785.js';
-import { d as dist, _, L, J, q as Pn, F as Fn, r as $n, $ as $e, i as isDemo, o as En, b as useCallback, R as Rn, w as wn } from './index.module-849b7d56.js';
+import { h, r as registerInstance, c as Host, g as getElement } from './index-b3a06de8.js';
+import { i as intl } from './global-58a69018.js';
+import { m as useRef, k as useState, f as useEffect, n as h$1, u as useMemo, b as browser, j as useReducer } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, _, L, J, t as Pn, F as Fn, x as $n, $ as $e, i as isDemo, p as En, u as useCallback, R as Rn, w as wn } from './index.module-c9811a48.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-2a5345de.js';
-import { u as useChildElements } from './useChildElements-14eb2cd7.js';
-import { l as luxon } from './luxon-1be92a8e.js';
-import { g as generateUserError } from './useReferralTable-bcf191be.js';
-import { a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, A as ADDRESS_REGIONS } from './IndirectTaxDetailsView-4cf9514a.js';
-import { t as taxTypeToName, v as validTaxDocument, g as getCountryObj, L as LoadingView, f as formatErrorMessage, a as validateBillingField, o as objectIsFull } from './utils-3c8913e6.js';
+import { G as GenericTableView } from './GenericTableView-e43d310f.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-7e22fb0d.js';
+import { u as useChildElements } from './useChildElements-3d872cef.js';
+import { l as luxon } from './luxon-bbf75a9d.js';
+import { g as generateUserError } from './useReferralTable-909ccb28.js';
+import { a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, A as ADDRESS_REGIONS, U as UserInfoFormView } from './sqm-user-info-form-view-9a3048d9.js';
+import { F as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, h as FINANCE_NETWORK_SETTINGS_NAMESPACE, t as taxTypeToName, l as validTaxDocument, U as USER_FORM_CONTEXT_NAMESPACE, d as COUNTRIES_QUERY_NAMESPACE, g as getCountryObj, C as CURRENCIES_NAMESPACE, o as objectIsFull } from './data-a581119a.js';
 import { b as VERIFICATION_EVENT_KEY } from './keys-406491dc.js';
-import { i as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, F as FINANCE_NETWORK_SETTINGS_NAMESPACE, j as TAX_FORM_UPDATED_EVENT_KEY, U as USER_FORM_CONTEXT_NAMESPACE, d as COUNTRIES_QUERY_NAMESPACE, k as useVeriffApp, l as getStatus, V as VERIFF_COMPLETE_EVENT_KEY, C as CURRENCIES_NAMESPACE } from './data-4390ef62.js';
+import { T as TAX_FORM_UPDATED_EVENT_KEY, a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-7404eb9d.js';
 
 function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32;
@@ -899,10 +899,6 @@ function useBankingInfoForm(props) {
   const paymentMethodChecked = !hasPayPal
     ? "toBankAccount"
     : _paymentMethodChecked;
-  useEffect(() => {
-    // reset redirect hash
-    window.location.hash = "";
-  }, []);
   useEffect(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     if (!userData)
@@ -1074,6 +1070,7 @@ function useBankingInfoForm(props) {
     }
     await runMutation(formData, token);
     setShowModal(false);
+    window.location.hash = "";
   };
   const onVerification = async (token) => {
     host.dispatchEvent(new CustomEvent(VERIFICATION_EVENT_KEY, {
@@ -1103,7 +1100,15 @@ function useBankingInfoForm(props) {
       setBankCountry: updateBankCountry,
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
-      onBack: () => setStep("/dashboard"),
+      onBack: () => {
+        // return to dashboard
+        if (window.location.hash) {
+          window.location.hash = "";
+        }
+        else {
+          setStep("/dashboard");
+        }
+      },
       setCountrySearch,
       onVerification,
       onVerificationHide: () => onVerification(null),
@@ -1776,11 +1781,17 @@ function useDocusignForm(props) {
     }
   };
   const progressStep = () => {
-    setStep(context.overrideNextStep ||
-      !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
-      !(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
-      ? "/dashboard"
-      : "/4");
+    // return to dashboard
+    if (window.location.hash) {
+      window.location.hash = "";
+    }
+    else {
+      setStep(context.overrideNextStep ||
+        !!(publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) ||
+        !(publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup)
+        ? "/dashboard"
+        : "/4");
+    }
   };
   const allLoading = userLoading || documentLoading || loading;
   return {
@@ -2607,8 +2618,51 @@ function useIndirectTaxForm(props) {
       console.error("Could not detect select change");
     setFormState((p) => ({ ...p, [field]: value }));
   };
-  const onSubmit = async (event) => {
+  async function connectPartner(formData) {
     var _a, _b, _c, _d, _e;
+    const vars = {
+      user: {
+        id: user.id,
+        accountId: user.accountId,
+      },
+      firstName: userForm.firstName,
+      lastName: userForm.lastName,
+      countryCode: userForm.countryCode,
+      currency: userForm.currency,
+      address: userForm.address,
+      city: userForm.city,
+      state: userForm.state,
+      postalCode: userForm.postalCode,
+      phoneNumber: userForm.phoneNumber,
+      phoneNumberCountryCode: userForm.phoneNumberCountryCode,
+      indirectTaxCountryCode: formData.selectedRegion,
+      indirectTaxRegion: formData.province || formData.subRegion,
+      indirectTaxId: formData.indirectTaxNumber,
+      additionalTaxId: formData.qstNumber,
+      withholdingTaxId: formData.subRegionTaxNumber,
+    };
+    const result = await connectImpactPartner({
+      vars,
+    });
+    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
+      throw new Error();
+    if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
+      // Output backend errors to console for now
+      console.error("Failed to create Impact connection: ", result.createImpactConnection.validationErrors);
+      throw new Error();
+    }
+    await refetch();
+    const resultPublisher = (_e = (_d = (_c = result
+      .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
+    const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
+    // Fire form change event
+    window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
+    return {
+      resultPublisher,
+      hasValidCurrentDocument,
+    };
+  }
+  const onSubmit = async (event) => {
     if (!option) {
       setErrors({ taxDetails: true });
       return;
@@ -2634,44 +2688,7 @@ function useIndirectTaxForm(props) {
     }
     setLoading(true);
     try {
-      const vars = {
-        user: {
-          id: user.id,
-          accountId: user.accountId,
-        },
-        firstName: userForm.firstName,
-        lastName: userForm.lastName,
-        countryCode: userForm.countryCode,
-        currency: userForm.currency,
-        address: userForm.address,
-        city: userForm.city,
-        state: userForm.state,
-        postalCode: userForm.postalCode,
-        phoneNumber: userForm.phoneNumber,
-        phoneNumberCountryCode: userForm.phoneNumberCountryCode,
-        indirectTaxCountryCode: formData.selectedRegion,
-        indirectTaxRegion: formData.province || formData.subRegion,
-        indirectTaxId: formData.indirectTaxNumber,
-        additionalTaxId: formData.qstNumber,
-        withholdingTaxId: formData.subRegionTaxNumber,
-      };
-      const result = await connectImpactPartner({
-        vars,
-      });
-      if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
-        throw new Error();
-      if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
-        // Output backend errors to console for now
-        console.error("Failed to create Impact connection: ", result.createImpactConnection
-          .validationErrors);
-        throw new Error();
-      }
-      await refetch();
-      const resultPublisher = (_e = (_d = (_c = result
-        .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
-      const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
-      // Fire form change event
-      window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
+      const { resultPublisher, hasValidCurrentDocument } = await connectPartner(formData);
       if ((resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) &&
         !hasValidCurrentDocument) {
         // Go to docusign form
@@ -3912,6 +3929,11 @@ const style$5 = {
   SubduedText: {
     color: "var(--sqm-text-subdued)",
   },
+  ButtonContainer: {
+    display: "flex",
+    gap: "var(--sl-spacing-medium)",
+    flexWrap: "wrap",
+  },
 };
 const sheet$4 = createStyleSheet(style$5);
 const styleString$4 = sheet$4.toString();
@@ -4024,7 +4046,7 @@ const TaxAndCashDashboardView = (props) => {
           icon: "exclamation-octagon",
           class: sheet$4.classes.ErrorHoldAlertContainer,
         };
-      case "ACCOUNT_REVIEW":
+      case "NEW_PAYEE_REVIEW":
         return {
           header: text.accountReviewHeader,
           description: intl.formatMessage({
@@ -4038,6 +4060,96 @@ const TaxAndCashDashboardView = (props) => {
           icon: "exclamation-triangle",
           class: sheet$4.classes.WarningHoldAlertContainer,
         };
+      case "PAYMENT_HOLD_ON_CHANGE":
+        return {
+          header: text.paymentHoldOnChangeHeader,
+          description: intl.formatMessage({
+            id: "accountReviewDescription",
+            defaultMessage: text.paymentHoldOnChangeDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          buttonText: null,
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet$4.classes.WarningHoldAlertContainer,
+        };
+      case "BENEFICIARY_NAME_INVALID":
+        return {
+          header: text.beneficiaryNameInvalidHeader,
+          description: intl.formatMessage({
+            id: "accountReviewDescription",
+            defaultMessage: text.beneficiaryNameInvalidDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          button: (h("div", { class: sheet$4.classes.ButtonContainer },
+            h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
+            h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet$4.classes.WarningHoldAlertContainer,
+        };
+      case "BENEFICIARY_NAME_MISMATCH":
+        return {
+          header: text.beneficiaryNameMismatchHeader,
+          description: intl.formatMessage({
+            id: "accountReviewDescription",
+            defaultMessage: text.beneficiaryNameMismatchDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          button: (h("div", { class: sheet$4.classes.ButtonContainer },
+            h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
+            h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet$4.classes.WarningHoldAlertContainer,
+        };
+      case "BANK_TAX_NAME_MISMATCH":
+        return {
+          header: text.bankTaxNameMismatchHeader,
+          description: intl.formatMessage({
+            id: "accountReviewDescription",
+            defaultMessage: text.bankTaxNameMismatchDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          button: (h("div", { class: sheet$4.classes.ButtonContainer },
+            h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
+            h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet$4.classes.WarningHoldAlertContainer,
+        };
+      case "WITHDRAWAL_SETTINGS_INVALID":
+        return {
+          header: text.withdrawalSettingsInvalidHeader,
+          description: intl.formatMessage({
+            id: "accountReviewDescription",
+            defaultMessage: text.withdrawalSettingsInvalidDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          button: (h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
+          alertType: "warning",
+          icon: "exclamation-triangle",
+          class: sheet$4.classes.WarningHoldAlertContainer,
+        };
+      case "PAYMENT_RETURNED":
+        return {
+          header: text.paymentReturnedHeader,
+          description: intl.formatMessage({
+            id: "accountReviewDescription",
+            defaultMessage: text.paymentReturnedDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          }),
+          button: (h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
+          alertType: "error",
+          icon: "exclamation-triangle",
+          class: sheet$4.classes.WarningHoldAlertContainer,
+        };
       case "HOLD":
         return {
           header: text.payoutHoldAlertHeader,
@@ -4294,8 +4406,14 @@ const useTaxAndCashDashboard = (props) => {
   useEffect(() => {
     // Clear override context once on submitted
     setContext({});
-    if (window.location.hash)
+    if (window.location.hash) {
+      setContext({
+        overrideNextStep: "/dashboard",
+        overrideBackStep: "/dashboard",
+        hideSteps: true,
+      });
       setStep(`/${window.location.hash.replace("#", "")}`);
+    }
   }, []);
   const { data, loading, errors: userError, refetch, } = $n(USER_QUERY_NAMESPACE);
   const publisher = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
@@ -4500,12 +4618,12 @@ const TaxAndCashDashboard = class {
     /**
      * @uiName Submit new tax form button label
      */
-    this.newFormButton = "Submit new form";
+    this.newFormButton = "Submit new tax form";
     /**
      *
      * @uiName Edit payment info button label
      */
-    this.editPaymentInformationButton = "Edit Payout Information";
+    this.editPaymentInformationButton = "Edit payout information";
     /**
      * @uiName Not registered for indirect tax text
      * @uiWidget textArea
@@ -4566,7 +4684,7 @@ const TaxAndCashDashboard = class {
     /**
      * @uiName Verification required internal alert header
      */
-    this.verificationRequiredInternalHeader = "Identity Verification in Progress";
+    this.verificationRequiredInternalHeader = "Identity verification in progress";
     /**
      * @uiName Verification required internal alert description
      */
@@ -4574,7 +4692,7 @@ const TaxAndCashDashboard = class {
     /**
      * @uiName Verification review internal alert header
      */
-    this.verificationReviewInternalHeader = "Identity Verification Under Review";
+    this.verificationReviewInternalHeader = "Identity verification under review";
     /**
      * @uiName Verification review internal alert description
      */
@@ -4582,7 +4700,7 @@ const TaxAndCashDashboard = class {
     /**
      * @uiName Verification failed internal alert header
      */
-    this.verificationFailedInternalHeader = "Identity Verification Unsuccessful";
+    this.verificationFailedInternalHeader = "Identity verification unsuccessful";
     /**
      * @uiName Verification failed internal alert description
      */
@@ -4608,6 +4726,54 @@ const TaxAndCashDashboard = class {
      * @uiName Account review alert description
      */
     this.accountReviewDescription = "This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.";
+    /**
+     * @uiName Payment hold on change alert header
+     */
+    this.paymentHoldOnChangeHeader = "We are reviewing your new payout settings";
+    /**
+     * @uiName Payment hold on change alert description
+     */
+    this.paymentHoldOnChangeDescription = "Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.";
+    /**
+     * @uiName Beneficiary name invalid alert header
+     */
+    this.beneficiaryNameInvalidHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Beneficiary name invalid description
+     */
+    this.beneficiaryNameInvalidDescription = "The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Beneficiary name mismatch alert header
+     */
+    this.beneficiaryNameMismatchHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Beneficiary name mismatch alert description
+     */
+    this.beneficiaryNameMismatchDescription = "The account holder (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Bank name mismatch alert header
+     */
+    this.bankTaxNameMismatchHeader = "Your payment information does not match your tax form";
+    /**
+     * @uiName Bank name mismatch alert description
+     */
+    this.bankTaxNameMismatchDescription = "The bank account (beneficiary) name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Withdrawal settings invalid alert header
+     */
+    this.withdrawalSettingsInvalidHeader = "Your payment information is incomplete or includes invalid characters";
+    /**
+     * @uiName Withdrawal settings invalid alert description
+     */
+    this.withdrawalSettingsInvalidDescription = "There are missing fields or invalid characters in your payment information. Please review your information and make sure it is correct. Your payouts are on hold until this is resolved.";
+    /**
+     * @uiName Payment returned alert header
+     */
+    this.paymentReturnedHeader = "Payout unsuccessful";
+    /**
+     * @uiName Payment returned alert description
+     */
+    this.paymentReturnedDescription = "Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.";
     /**
      * @uiName Terms and Conditions text
      */
@@ -4773,1412 +4939,16 @@ function useDemoTaxAndCashDashboard(props) {
   }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
 }
 
-const PHONE_EXTENSIONS = {
-  AF: {
-    name: "Afghanistan",
-    dial_code: "+93",
-  },
-  AX: {
-    name: "Aland Islands",
-    dial_code: "+358",
-  },
-  AL: {
-    name: "Albania",
-    dial_code: "+355",
-  },
-  DZ: {
-    name: "Algeria",
-    dial_code: "+213",
-  },
-  AS: {
-    name: "AmericanSamoa",
-    dial_code: "+1684",
-  },
-  AD: {
-    name: "Andorra",
-    dial_code: "+376",
-  },
-  AO: {
-    name: "Angola",
-    dial_code: "+244",
-  },
-  AI: {
-    name: "Anguilla",
-    dial_code: "+1264",
-  },
-  AQ: {
-    name: "Antarctica",
-    dial_code: "+672",
-  },
-  AG: {
-    name: "Antigua and Barbuda",
-    dial_code: "+1268",
-  },
-  AR: {
-    name: "Argentina",
-    dial_code: "+54",
-  },
-  AM: {
-    name: "Armenia",
-    dial_code: "+374",
-  },
-  AW: {
-    name: "Aruba",
-    dial_code: "+297",
-  },
-  AU: {
-    name: "Australia",
-    dial_code: "+61",
-  },
-  AT: {
-    name: "Austria",
-    dial_code: "+43",
-  },
-  AZ: {
-    name: "Azerbaijan",
-    dial_code: "+994",
-  },
-  BS: {
-    name: "Bahamas",
-    dial_code: "+1242",
-  },
-  BH: {
-    name: "Bahrain",
-    dial_code: "+973",
-  },
-  BD: {
-    name: "Bangladesh",
-    dial_code: "+880",
-  },
-  BB: {
-    name: "Barbados",
-    dial_code: "+1246",
-  },
-  BY: {
-    name: "Belarus",
-    dial_code: "+375",
-  },
-  BE: {
-    name: "Belgium",
-    dial_code: "+32",
-  },
-  BZ: {
-    name: "Belize",
-    dial_code: "+501",
-  },
-  BJ: {
-    name: "Benin",
-    dial_code: "+229",
-  },
-  BM: {
-    name: "Bermuda",
-    dial_code: "+1441",
-  },
-  BT: {
-    name: "Bhutan",
-    dial_code: "+975",
-  },
-  BO: {
-    name: "Bolivia, Plurinational State of",
-    dial_code: "+591",
-  },
-  BA: {
-    name: "Bosnia and Herzegovina",
-    dial_code: "+387",
-  },
-  BW: {
-    name: "Botswana",
-    dial_code: "+267",
-  },
-  BR: {
-    name: "Brazil",
-    dial_code: "+55",
-  },
-  IO: {
-    name: "British Indian Ocean Territory",
-    dial_code: "+246",
-  },
-  BN: {
-    name: "Brunei Darussalam",
-    dial_code: "+673",
-  },
-  BG: {
-    name: "Bulgaria",
-    dial_code: "+359",
-  },
-  BF: {
-    name: "Burkina Faso",
-    dial_code: "+226",
-  },
-  BI: {
-    name: "Burundi",
-    dial_code: "+257",
-  },
-  KH: {
-    name: "Cambodia",
-    dial_code: "+855",
-  },
-  CM: {
-    name: "Cameroon",
-    dial_code: "+237",
-  },
-  CA: {
-    name: "Canada",
-    dial_code: "+1",
-  },
-  CV: {
-    name: "Cape Verde",
-    dial_code: "+238",
-  },
-  KY: {
-    name: "Cayman Islands",
-    dial_code: "+ 345",
-  },
-  CF: {
-    name: "Central African Republic",
-    dial_code: "+236",
-  },
-  TD: {
-    name: "Chad",
-    dial_code: "+235",
-  },
-  CL: {
-    name: "Chile",
-    dial_code: "+56",
-  },
-  CN: {
-    name: "China",
-    dial_code: "+86",
-  },
-  CX: {
-    name: "Christmas Island",
-    dial_code: "+61",
-  },
-  CC: {
-    name: "Cocos (Keeling) Islands",
-    dial_code: "+61",
-  },
-  CO: {
-    name: "Colombia",
-    dial_code: "+57",
-  },
-  KM: {
-    name: "Comoros",
-    dial_code: "+269",
-  },
-  CG: {
-    name: "Congo",
-    dial_code: "+242",
-  },
-  CD: {
-    name: "Congo, The Democratic Republic of the Congo",
-    dial_code: "+243",
-  },
-  CK: {
-    name: "Cook Islands",
-    dial_code: "+682",
-  },
-  CR: {
-    name: "Costa Rica",
-    dial_code: "+506",
-  },
-  CI: {
-    name: "Cote d'Ivoire",
-    dial_code: "+225",
-  },
-  HR: {
-    name: "Croatia",
-    dial_code: "+385",
-  },
-  CU: {
-    name: "Cuba",
-    dial_code: "+53",
-  },
-  CY: {
-    name: "Cyprus",
-    dial_code: "+357",
-  },
-  CZ: {
-    name: "Czech Republic",
-    dial_code: "+420",
-  },
-  DK: {
-    name: "Denmark",
-    dial_code: "+45",
-  },
-  DJ: {
-    name: "Djibouti",
-    dial_code: "+253",
-  },
-  DM: {
-    name: "Dominica",
-    dial_code: "+1767",
-  },
-  DO: {
-    name: "Dominican Republic",
-    dial_code: "+1849",
-  },
-  EC: {
-    name: "Ecuador",
-    dial_code: "+593",
-  },
-  EG: {
-    name: "Egypt",
-    dial_code: "+20",
-  },
-  SV: {
-    name: "El Salvador",
-    dial_code: "+503",
-  },
-  GQ: {
-    name: "Equatorial Guinea",
-    dial_code: "+240",
-  },
-  ER: {
-    name: "Eritrea",
-    dial_code: "+291",
-  },
-  EE: {
-    name: "Estonia",
-    dial_code: "+372",
-  },
-  ET: {
-    name: "Ethiopia",
-    dial_code: "+251",
-  },
-  FK: {
-    name: "Falkland Islands (Malvinas)",
-    dial_code: "+500",
-  },
-  FO: {
-    name: "Faroe Islands",
-    dial_code: "+298",
-  },
-  FJ: {
-    name: "Fiji",
-    dial_code: "+679",
-  },
-  FI: {
-    name: "Finland",
-    dial_code: "+358",
-  },
-  FR: {
-    name: "France",
-    dial_code: "+33",
-  },
-  GF: {
-    name: "French Guiana",
-    dial_code: "+594",
-  },
-  PF: {
-    name: "French Polynesia",
-    dial_code: "+689",
-  },
-  GA: {
-    name: "Gabon",
-    dial_code: "+241",
-  },
-  GM: {
-    name: "Gambia",
-    dial_code: "+220",
-  },
-  GE: {
-    name: "Georgia",
-    dial_code: "+995",
-  },
-  DE: {
-    name: "Germany",
-    dial_code: "+49",
-  },
-  GH: {
-    name: "Ghana",
-    dial_code: "+233",
-  },
-  GI: {
-    name: "Gibraltar",
-    dial_code: "+350",
-  },
-  GR: {
-    name: "Greece",
-    dial_code: "+30",
-  },
-  GL: {
-    name: "Greenland",
-    dial_code: "+299",
-  },
-  GD: {
-    name: "Grenada",
-    dial_code: "+1473",
-  },
-  GP: {
-    name: "Guadeloupe",
-    dial_code: "+590",
-  },
-  GU: {
-    name: "Guam",
-    dial_code: "+1671",
-  },
-  GT: {
-    name: "Guatemala",
-    dial_code: "+502",
-  },
-  GG: {
-    name: "Guernsey",
-    dial_code: "+44",
-  },
-  GN: {
-    name: "Guinea",
-    dial_code: "+224",
-  },
-  GW: {
-    name: "Guinea-Bissau",
-    dial_code: "+245",
-  },
-  GY: {
-    name: "Guyana",
-    dial_code: "+595",
-  },
-  HT: {
-    name: "Haiti",
-    dial_code: "+509",
-  },
-  VA: {
-    name: "Holy See (Vatican City State)",
-    dial_code: "+379",
-  },
-  HN: {
-    name: "Honduras",
-    dial_code: "+504",
-  },
-  HK: {
-    name: "Hong Kong",
-    dial_code: "+852",
-  },
-  HU: {
-    name: "Hungary",
-    dial_code: "+36",
-  },
-  IS: {
-    name: "Iceland",
-    dial_code: "+354",
-  },
-  IN: {
-    name: "India",
-    dial_code: "+91",
-  },
-  ID: {
-    name: "Indonesia",
-    dial_code: "+62",
-  },
-  IR: {
-    name: "Iran, Islamic Republic of Persian Gulf",
-    dial_code: "+98",
-  },
-  IQ: {
-    name: "Iraq",
-    dial_code: "+964",
-  },
-  IE: {
-    name: "Ireland",
-    dial_code: "+353",
-  },
-  IM: {
-    name: "Isle of Man",
-    dial_code: "+44",
-  },
-  IL: {
-    name: "Israel",
-    dial_code: "+972",
-  },
-  IT: {
-    name: "Italy",
-    dial_code: "+39",
-  },
-  JM: {
-    name: "Jamaica",
-    dial_code: "+1876",
-  },
-  JP: {
-    name: "Japan",
-    dial_code: "+81",
-  },
-  JE: {
-    name: "Jersey",
-    dial_code: "+44",
-  },
-  JO: {
-    name: "Jordan",
-    dial_code: "+962",
-  },
-  KZ: {
-    name: "Kazakhstan",
-    dial_code: "+77",
-  },
-  KE: {
-    name: "Kenya",
-    dial_code: "+254",
-  },
-  KI: {
-    name: "Kiribati",
-    dial_code: "+686",
-  },
-  KP: {
-    name: "Korea, Democratic People's Republic of Korea",
-    dial_code: "+850",
-  },
-  KR: {
-    name: "Korea, Republic of South Korea",
-    dial_code: "+82",
-  },
-  KW: {
-    name: "Kuwait",
-    dial_code: "+965",
-  },
-  KG: {
-    name: "Kyrgyzstan",
-    dial_code: "+996",
-  },
-  LA: {
-    name: "Laos",
-    dial_code: "+856",
-  },
-  LV: {
-    name: "Latvia",
-    dial_code: "+371",
-  },
-  LB: {
-    name: "Lebanon",
-    dial_code: "+961",
-  },
-  LS: {
-    name: "Lesotho",
-    dial_code: "+266",
-  },
-  LR: {
-    name: "Liberia",
-    dial_code: "+231",
-  },
-  LY: {
-    name: "Libyan Arab Jamahiriya",
-    dial_code: "+218",
-  },
-  LI: {
-    name: "Liechtenstein",
-    dial_code: "+423",
-  },
-  LT: {
-    name: "Lithuania",
-    dial_code: "+370",
-  },
-  LU: {
-    name: "Luxembourg",
-    dial_code: "+352",
-  },
-  MO: {
-    name: "Macao",
-    dial_code: "+853",
-  },
-  MK: {
-    name: "Macedonia",
-    dial_code: "+389",
-  },
-  MG: {
-    name: "Madagascar",
-    dial_code: "+261",
-  },
-  MW: {
-    name: "Malawi",
-    dial_code: "+265",
-  },
-  MY: {
-    name: "Malaysia",
-    dial_code: "+60",
-  },
-  MV: {
-    name: "Maldives",
-    dial_code: "+960",
-  },
-  ML: {
-    name: "Mali",
-    dial_code: "+223",
-  },
-  MT: {
-    name: "Malta",
-    dial_code: "+356",
-  },
-  MH: {
-    name: "Marshall Islands",
-    dial_code: "+692",
-  },
-  MQ: {
-    name: "Martinique",
-    dial_code: "+596",
-  },
-  MR: {
-    name: "Mauritania",
-    dial_code: "+222",
-  },
-  MU: {
-    name: "Mauritius",
-    dial_code: "+230",
-  },
-  YT: {
-    name: "Mayotte",
-    dial_code: "+262",
-  },
-  MX: {
-    name: "Mexico",
-    dial_code: "+52",
-  },
-  FM: {
-    name: "Micronesia, Federated States of Micronesia",
-    dial_code: "+691",
-  },
-  MD: {
-    name: "Moldova",
-    dial_code: "+373",
-  },
-  MC: {
-    name: "Monaco",
-    dial_code: "+377",
-  },
-  MN: {
-    name: "Mongolia",
-    dial_code: "+976",
-  },
-  ME: {
-    name: "Montenegro",
-    dial_code: "+382",
-  },
-  MS: {
-    name: "Montserrat",
-    dial_code: "+1664",
-  },
-  MA: {
-    name: "Morocco",
-    dial_code: "+212",
-  },
-  MZ: {
-    name: "Mozambique",
-    dial_code: "+258",
-  },
-  MM: {
-    name: "Myanmar",
-    dial_code: "+95",
-  },
-  NA: {
-    name: "Namibia",
-    dial_code: "+264",
-  },
-  NR: {
-    name: "Nauru",
-    dial_code: "+674",
-  },
-  NP: {
-    name: "Nepal",
-    dial_code: "+977",
-  },
-  NL: {
-    name: "Netherlands",
-    dial_code: "+31",
-  },
-  AN: {
-    name: "Netherlands Antilles",
-    dial_code: "+599",
-  },
-  NC: {
-    name: "New Caledonia",
-    dial_code: "+687",
-  },
-  NZ: {
-    name: "New Zealand",
-    dial_code: "+64",
-  },
-  NI: {
-    name: "Nicaragua",
-    dial_code: "+505",
-  },
-  NE: {
-    name: "Niger",
-    dial_code: "+227",
-  },
-  NG: {
-    name: "Nigeria",
-    dial_code: "+234",
-  },
-  NU: {
-    name: "Niue",
-    dial_code: "+683",
-  },
-  NF: {
-    name: "Norfolk Island",
-    dial_code: "+672",
-  },
-  MP: {
-    name: "Northern Mariana Islands",
-    dial_code: "+1670",
-  },
-  NO: {
-    name: "Norway",
-    dial_code: "+47",
-  },
-  OM: {
-    name: "Oman",
-    dial_code: "+968",
-  },
-  PK: {
-    name: "Pakistan",
-    dial_code: "+92",
-  },
-  PW: {
-    name: "Palau",
-    dial_code: "+680",
-  },
-  PS: {
-    name: "Palestinian Territory, Occupied",
-    dial_code: "+970",
-  },
-  PA: {
-    name: "Panama",
-    dial_code: "+507",
-  },
-  PG: {
-    name: "Papua New Guinea",
-    dial_code: "+675",
-  },
-  PY: {
-    name: "Paraguay",
-    dial_code: "+595",
-  },
-  PE: {
-    name: "Peru",
-    dial_code: "+51",
-  },
-  PH: {
-    name: "Philippines",
-    dial_code: "+63",
-  },
-  PN: {
-    name: "Pitcairn",
-    dial_code: "+872",
-  },
-  PL: {
-    name: "Poland",
-    dial_code: "+48",
-  },
-  PT: {
-    name: "Portugal",
-    dial_code: "+351",
-  },
-  PR: {
-    name: "Puerto Rico",
-    dial_code: "+1939",
-  },
-  QA: {
-    name: "Qatar",
-    dial_code: "+974",
-  },
-  RO: {
-    name: "Romania",
-    dial_code: "+40",
-  },
-  RU: {
-    name: "Russia",
-    dial_code: "+7",
-  },
-  RW: {
-    name: "Rwanda",
-    dial_code: "+250",
-  },
-  RE: {
-    name: "Reunion",
-    dial_code: "+262",
-  },
-  BL: {
-    name: "Saint Barthelemy",
-    dial_code: "+590",
-  },
-  SH: {
-    name: "Saint Helena, Ascension and Tristan Da Cunha",
-    dial_code: "+290",
-  },
-  KN: {
-    name: "Saint Kitts and Nevis",
-    dial_code: "+1869",
-  },
-  LC: {
-    name: "Saint Lucia",
-    dial_code: "+1758",
-  },
-  MF: {
-    name: "Saint Martin",
-    dial_code: "+590",
-  },
-  PM: {
-    name: "Saint Pierre and Miquelon",
-    dial_code: "+508",
-  },
-  VC: {
-    name: "Saint Vincent and the Grenadines",
-    dial_code: "+1784",
-  },
-  WS: {
-    name: "Samoa",
-    dial_code: "+685",
-  },
-  SM: {
-    name: "San Marino",
-    dial_code: "+378",
-  },
-  ST: {
-    name: "Sao Tome and Principe",
-    dial_code: "+239",
-  },
-  SA: {
-    name: "Saudi Arabia",
-    dial_code: "+966",
-  },
-  SN: {
-    name: "Senegal",
-    dial_code: "+221",
-  },
-  RS: {
-    name: "Serbia",
-    dial_code: "+381",
-  },
-  SC: {
-    name: "Seychelles",
-    dial_code: "+248",
-  },
-  SL: {
-    name: "Sierra Leone",
-    dial_code: "+232",
-  },
-  SG: {
-    name: "Singapore",
-    dial_code: "+65",
-  },
-  SK: {
-    name: "Slovakia",
-    dial_code: "+421",
-  },
-  SI: {
-    name: "Slovenia",
-    dial_code: "+386",
-  },
-  SB: {
-    name: "Solomon Islands",
-    dial_code: "+677",
-  },
-  SO: {
-    name: "Somalia",
-    dial_code: "+252",
-  },
-  ZA: {
-    name: "South Africa",
-    dial_code: "+27",
-  },
-  SS: {
-    name: "South Sudan",
-    dial_code: "+211",
-  },
-  GS: {
-    name: "South Georgia and the South Sandwich Islands",
-    dial_code: "+500",
-  },
-  ES: {
-    name: "Spain",
-    dial_code: "+34",
-  },
-  LK: {
-    name: "Sri Lanka",
-    dial_code: "+94",
-  },
-  SD: {
-    name: "Sudan",
-    dial_code: "+249",
-  },
-  SR: {
-    name: "Suriname",
-    dial_code: "+597",
-  },
-  SJ: {
-    name: "Svalbard and Jan Mayen",
-    dial_code: "+47",
-  },
-  SZ: {
-    name: "Swaziland",
-    dial_code: "+268",
-  },
-  SE: {
-    name: "Sweden",
-    dial_code: "+46",
-  },
-  CH: {
-    name: "Switzerland",
-    dial_code: "+41",
-  },
-  SY: {
-    name: "Syrian Arab Republic",
-    dial_code: "+963",
-  },
-  TW: {
-    name: "Taiwan",
-    dial_code: "+886",
-  },
-  TJ: {
-    name: "Tajikistan",
-    dial_code: "+992",
-  },
-  TZ: {
-    name: "Tanzania, United Republic of Tanzania",
-    dial_code: "+255",
-  },
-  TH: {
-    name: "Thailand",
-    dial_code: "+66",
-  },
-  TL: {
-    name: "Timor-Leste",
-    dial_code: "+670",
-  },
-  TG: {
-    name: "Togo",
-    dial_code: "+228",
-  },
-  TK: {
-    name: "Tokelau",
-    dial_code: "+690",
-  },
-  TO: {
-    name: "Tonga",
-    dial_code: "+676",
-  },
-  TT: {
-    name: "Trinidad and Tobago",
-    dial_code: "+1868",
-  },
-  TN: {
-    name: "Tunisia",
-    dial_code: "+216",
-  },
-  TR: {
-    name: "Turkey",
-    dial_code: "+90",
-  },
-  TM: {
-    name: "Turkmenistan",
-    dial_code: "+993",
-  },
-  TC: {
-    name: "Turks and Caicos Islands",
-    dial_code: "+1649",
-  },
-  TV: {
-    name: "Tuvalu",
-    dial_code: "+688",
-  },
-  UG: {
-    name: "Uganda",
-    dial_code: "+256",
-  },
-  UA: {
-    name: "Ukraine",
-    dial_code: "+380",
-  },
-  AE: {
-    name: "United Arab Emirates",
-    dial_code: "+971",
-  },
-  GB: {
-    name: "United Kingdom",
-    dial_code: "+44",
-  },
-  US: {
-    name: "United States",
-    dial_code: "+1",
-  },
-  UY: {
-    name: "Uruguay",
-    dial_code: "+598",
-  },
-  UZ: {
-    name: "Uzbekistan",
-    dial_code: "+998",
-  },
-  VU: {
-    name: "Vanuatu",
-    dial_code: "+678",
-  },
-  VE: {
-    name: "Venezuela, Bolivarian Republic of Venezuela",
-    dial_code: "+58",
-  },
-  VN: {
-    name: "Vietnam",
-    dial_code: "+84",
-  },
-  VG: {
-    name: "Virgin Islands, British",
-    dial_code: "+1284",
-  },
-  VI: {
-    name: "Virgin Islands, U.S.",
-    dial_code: "+1340",
-  },
-  WF: {
-    name: "Wallis and Futuna",
-    dial_code: "+681",
-  },
-  YE: {
-    name: "Yemen",
-    dial_code: "+967",
-  },
-  ZM: {
-    name: "Zambia",
-    dial_code: "+260",
-  },
-  ZW: {
-    name: "Zimbabwe",
-    dial_code: "+263",
-  },
-};
-
-const style$6 = {
-  FormWrapper: {},
-  ErrorInput: {
-    "&::part(base)": {
-      border: "var(--sqm-border-thickness, 1px) solid var(--sqm-danger-color-border)",
-      borderRadius: "var(--sl-input-border-radius-medium)",
-    },
-    "&::part(help-text)": {
-      color: "var(--sqm-danger-color-text)",
-    },
-  },
-  ErrorText: {
-    color: "var(--sqm-danger-color-text)",
-    marginTop: "10px",
-  },
-  TextContainer: {
-    display: "flex",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-    gap: "24px",
-    paddingBottom: "16px",
-  },
-  InputContainer: {
-    display: "flex",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-    gap: "24px",
-    paddingBottom: "36px",
-    maxWidth: "450px",
-  },
-  SearchInput: {
-    padding: "var(--sl-spacing-x-small)",
-  },
-  BtnContainer: {
-    paddingTop: "36px",
-    display: "flex",
-    gap: "8px",
-  },
-  CheckboxWrapper: {
-    display: "flex",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-  },
-  BoldText: {
-    fontWeight: "bold",
-  },
-  RoundedCheckbox: {
-    "&::part(control)": {
-      borderRadius: "50%",
-    },
-  },
-  PageDescriptionText: {
-    color: "var(--sqm-text-subdued)",
-    fontSize: "var(--sl-font-size-medium)",
-  },
-  PhoneInputsSection: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "4px",
-    "& p": {
-      fontSize: "var(--sl-font-size-small)",
-      color: "var(--sqm-input-label-color)",
-      fontWeight: "var(--sl-font-weight-semibold)",
-    },
-  },
-  PhoneInputsContainer: {
-    display: "flex",
-    gap: "4px",
-    width: "100%",
-    "& #phoneNumber": {
-      width: "100%",
-      minWidth: "0px",
-    },
-  },
-};
-const sheet$5 = createStyleSheet(style$6);
-const styleString$5 = sheet$5.toString();
-const vanillaStyle$4 = `
-    :host{
-      display: block;   
-    }
-    * {
-       margin: 0;
-       padding: 0;
-       box-sizing: border-box;
-    }
-    a {
-      color: var(--sqm-text);
-      color: inherit !important;
-      text-decoration: underline;
-    }
-
-    p {
-      line-height: 18px;
-      font-size: var(--sl-font-size-small);
-    }
-
-    sl-radio-group::part(base) {
-      display: flex;
-      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);
-        border-color: var(--sqm-primary-button-color-border);
-        border-radius: var(--sqm-primary-button-radius);
-    }
-
-    sl-button[type="primary"]::part(base):hover{
-        background-color: var(--sqm-primary-button-background-hover);
-    }
-
-    sl-button[type="primary"]::part(base):focus{
-        box-shadow: none;
-    }
-
-    sl-button[type="secondary"]::part(base){
-        background-color: var(--sqm-secondary-button-background);
-        color: var(--sqm-secondary-button-color);
-        border-color: var(--sqm-secondary-button-color-border);
-        border-radius: var(--sqm-secondary-button-radius);
-    }
-
-    sl-button[type="secondary"]::part(base):hover{
-        background-color: var(--sqm-secondary-button-background-hover);
-    }
-
-
-
-*::part(primarybutton-base){
-  background-color: var(--sqm-primary-button-background);
-  color: var(--sqm-primary-button-color);
-  border-color: var(--sqm-primary-button-color-border);
-  border-radius: var(--sqm-primary-button-radius);
-}
-
-*::part(primarybutton-base):hover{
-  background-color: var(--sqm-primary-button-background-hover);
-}
-
-*::part(primarybutton-base):focus{
-  box-shadow: none;
-}
-
-*::part(secondarybutton-base){
-  background-color: var(--sqm-secondary-button-background);
-  color: var(--sqm-secondary-button-color);
-  border-color: var(--sqm-secondary-button-color-border);
-  border-radius: var(--sqm-secondary-button-radius);
-}
-
-*::part(secondarybutton-base):hover{
-  background-color: var(--sqm-secondary-button-background-hover);
-}
-
-*::part(secondarybutton-base){
-  background-color: var(--sqm-secondary-button-background);
-  color: var(--sqm-secondary-button-color);
-  border-color: var(--sqm-secondary-button-color-border);
-  border-radius: var(--sqm-secondary-button-radius);
-  width: max-content;
-  display: flex;
-  margin: auto;
-}
-
-*::part(secondarybutton-base):hover{
-  background: var(--sqm-secondary-button-background-hover);
-}
-
-    sl-input::part(label),
-    sl-select::part(label),
-    sl-textarea::part(label){
-      font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));
-      font-weight: var(--sl-font-weight-semibold);
-      color: var(--sqm-input-label-color, var(--sqm-text), black);
-    }
-
-    /* Corrected: Target sl-input, sl-select, sl-textarea base elements */
-    sl-input::part(base),
-    sl-dropdown::part(base),
-    sl-textarea::part(base){
-      background-color: var(--sqm-input-background, #fff);
-      border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);
-      color: var(--sqm-input-color, white);
-      border-width: var(--sqm-border-thickness, 1px);
-      border-style: solid; 
-      border-color: var(--sqm-input-border-color, #ccc); 
-    }
-
-
-    sl-select::part(menu) {
-      background: var(--sqm-input-background, inherit);
-      color: var(--sqm-input-color, inherit);
-      border:none;
-    }
-
-    sl-menu-item::part(base) {
-      color: var(--sqm-input-color);
-    }
-
-     sl-menu-item::part(base):hover {
-      background-color: var(--sqm-input-border-color-hover);
-    }
-
-    sl-select::part(panel) {
-      border-radius: var(--sqm-border-radius-normal);
-    }
-
-    sl-select::part(help-text) {
-      color: var(--sqm-text-subdued, var(--sl-input-help-text-color, #6c757d));
-    }
-
-    sl-input::part(base):focus,
-    sl-select::part(base):focus, /* Corrected part name for sl-select */
-    sl-textarea::part(base):focus { /* Corrected part name for sl-textarea */
-      border: var(--sqm-input-focus-border, 1px solid var(--sl-input-border-color-focus, #007bff)); /* Added fallback for --sl-input-border-color-focus */
-    }
-
-    sl-input[disabled]::part(base),
-    sl-select[disabled]::part(base),
-    sl-textarea[disabled]::part(base){
-      background: var(--sqm-input-disabled-background, #f5f5f5);
-      border-color: var(--sl-input-border-color-disabled, #e0e0e0); /* Example disabled border color */
-    }
-
-
-    sl-input::part(input):-webkit-autofill {
-      box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
-      -webkit-text-fill-color: var(--sqm-input-color, white) !important;
-    }
-
-    sl-input::part(input):-webkit-autofill:hover {
-      box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
-      -webkit-text-fill-color: var(--sqm-input-color, white) !important;
-    }
-
-    sl-input::part(input):-webkit-autofill:focus {
-      box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;
-      -webkit-text-fill-color: var(--sqm-input-color, white) !important;
-    }
-
-    sl-checkbox::part(label){
-      color: var(--sqm-text);
-    }
-
-    sl-checkbox[checked]::part(control){
-      background-color: var(--sqm-input-border-color-focus);
-    }
-
-    sl-checkbox[checked]::part(checked-icon){
-      color: var(--sqm-input-background);
+const GET_INDIRECT_TAX_COUNTRY_CODE = dist.gql `
+  query getIndirectTaxCountryCode {
+    tenantSettings {
+      impactBrandCountryCode
+      impactBrandIndirectTaxCountryCode
     }
-`;
-const UserInfoFormView = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
-  const { states, states: { formState }, callbacks, text, refs, data, } = props;
-  const { classes } = sheet$5;
-  const bankingCollectionText = intl.formatMessage({
-    id: "bankingCollectionText",
-    defaultMessage: text.allowBankingCollection,
-  }, {
-    termsAndConditionsLink: (h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
-  });
-  let regionLabel = undefined;
-  switch (data.regionLabelEnum) {
-    case "STATE":
-      regionLabel = text.state;
-      break;
-    case "PROVINCE":
-      regionLabel = text.province;
-      break;
-    case "REGION":
-      regionLabel = text.region;
-      break;
-    default:
-      regionLabel = text.state;
   }
-  return (h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
-    h("style", { type: "text/css" },
-      styleString$5,
-      vanillaStyle$4),
-    states.loadingError && (h("div", null,
-      h("sqm-form-message", { type: "error" },
-        h("p", { part: "alert-title" }, text.error.loadingErrorAlertHeader),
-        h("p", { part: "alert-description" }, intl.formatMessage({
-          id: "loadingErrorAlertDescription",
-          defaultMessage: text.error.loadingErrorAlertDescription,
-        }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-        }))))),
-    states.loading ? (h(LoadingView, null)) : (h("div", null,
-      h("div", { class: classes.TextContainer },
-        h("div", null,
-          !states.hideSteps && (h("p", null, intl.formatMessage({
-            id: "formStep",
-            defaultMessage: text.formStep,
-          }, { step: states.step, count: FORM_STEPS }))),
-          h("h3", null, text.personalInformation),
-          h("p", { class: classes.PageDescriptionText }, text.taxAndPayoutsDescription))),
-      ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (h("sqm-form-message", { type: "error" },
-        h("p", { part: "alert-title" }, text.error.generalTitle),
-        h("p", { part: "alert-description" }, intl.formatMessage({
-          id: "generalDescription",
-          defaultMessage: text.error.generalDescription,
-        }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-        })))),
-      (states.isPartner || states.isUser) && (h("sqm-form-message", { type: "info" },
-        h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
-        h("p", { part: "alert-description" }, intl.formatMessage({
-          id: "isPartnerAlertDescription",
-          defaultMessage: text.isPartnerAlertDescription,
-        }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-        })))),
-      h("div", null,
-        h("div", { class: classes.InputContainer },
-          h("sl-input", Object.assign({ class: "ErrorInput", exportparts: "label: input-label, base: input-base", value: formState.firstName, label: text.firstName, disabled: states.disabled || states.isUser || states.isPartner }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {
-            class: classes.ErrorInput,
-            helpText: formatErrorMessage(text.firstName, formState.errors.firstName),
-          }
-            : {}), { id: "firstName", name: "/firstName", required: true })),
-          h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", value: formState.lastName, label: text.lastName, disabled: states.disabled || states.isUser || states.isPartner }, (((_c = formState.errors) === null || _c === void 0 ? void 0 : _c.lastName) ? {
-            class: classes.ErrorInput,
-            helpText: formatErrorMessage(text.lastName, formState.errors.lastName),
-          }
-            : {}), { id: "lastName", name: "/lastName", required: true })),
-          h("sl-input", { exportparts: "label: input-label, base: input-base", value: formState.email, label: text.email, disabled: true, id: "email", name: "/email", required: true }),
-          h("sl-select", Object.assign({ id: "countryCode", exportparts: "label: input-label, base: input-base", name: "/countryCode", label: text.country, value: formState.countryCode, disabled: states.disabled || states.isPartner }, (((_d = formState.errors) === null || _d === void 0 ? void 0 : _d.countryCode) ? {
-            class: classes.ErrorInput,
-            helpText: formatErrorMessage(text.country, formState.errors.countryCode),
-          }
-            : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("countryCode", e) }),
-            h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
-                // Stop shoelace intercepting key presses
-                e.stopPropagation();
-              }, "onSl-input": (e) => {
-                callbacks.setCountrySearch(e.target.value);
-              } }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
-            _e.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data === null || data === void 0 ? void 0 : data.allCountries) === null || _f === void 0 ? void 0 :
-            _f.map((c) => (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
-          h("div", { class: classes.PhoneInputsSection },
-            h("p", null, text.phoneNumber),
-            h("div", { class: classes.PhoneInputsContainer },
-              h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
-                class: classes.ErrorInput,
-              }
-                : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),
-                h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
-                    // Stop shoelace intercepting key presses
-                    e.stopPropagation();
-                  }, "onSl-input": (e) => {
-                    callbacks.setPhoneCountrySearch(e.target.value);
-                  } }), (_h = data === null || data === void 0 ? void 0 : data.phoneCountries) === null || _h === void 0 ? void 0 :
-                _h.map((c) => {
-                  var _a, _b;
-                  return (h("sl-menu-item", { value: c.countryCode },
-                    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));
-                }), (_j = data === null || data === void 0 ? void 0 : data.allCountries) === null || _j === void 0 ? void 0 :
-                _j.map((c) => {
-                  var _a, _b;
-                  return (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } },
-                    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: ({ value }) => {
-                  // Naive phone number validation
-                  validateBillingField(/[a-zA-Z]+/, value) &&
-                    formatErrorMessage(text.phoneNumber, text.error.fieldInvalidError);
-                }, disabled: states.disabled || states.isPartner }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
-                class: classes.ErrorInput,
-                helpText: formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
-              }
-                : {}), { required: true })))),
-          h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) => 
-            // Checks for non-ASCII characters
-            !validateBillingField(/^[\x20-\xFF]+$/, value) &&
-              formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
-            class: classes.ErrorInput,
-            helpText: formatErrorMessage(text.address, formState.errors.address),
-          }
-            : {}), { required: true })),
-          h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.city, id: "city", name: "/city", value: formState.city, validationError: ({ value }) => 
-            // Checks for non-ASCII characters
-            !validateBillingField(/^[\x20-\xFF]+$/, value) &&
-              formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
-            class: classes.ErrorInput,
-            helpText: formatErrorMessage(text.city, formState.errors.city),
-          }
-            : {}), { required: true })),
-          !states.hideState && (h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label, base: input-base", id: "state", name: "/state", value: formState.state, disabled: states.disabled || states.isPartner }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
-            class: classes.ErrorInput,
-            helpText: formatErrorMessage(text.state, formState.errors.state),
-          }
-            : {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (h("sl-menu-item", { value: r.value }, r.label))))),
-          h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label, base: input-base", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || states.isPartner }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
-            class: classes.ErrorInput,
-            helpText: formatErrorMessage(text.postalCode, formState.errors.postalCode),
-          }
-            : {}), { required: true })),
-          h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || states.isPartner, helpText: text.currencyHelpText }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
-            class: classes.ErrorInput,
-            helpText: formatErrorMessage(text.currency, formState.errors.currency),
-          }
-            : {}), { required: true, ref: (el) => (refs.currencyRef.current = el) }),
-            h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCurrencyText, onKeyDown: (e) => {
-                // Stop shoelace intercepting key presses
-                e.stopPropagation();
-              }, "onSl-input": (e) => {
-                callbacks.setCurrencySearch(e.target.value);
-              } }), (_s = data === null || data === void 0 ? void 0 : data.currencies) === null || _s === void 0 ? void 0 :
-            _s.map((c) => (h("sl-menu-item", { value: c.currencyCode },
-              c.currencyCode,
-              " - ",
-              c.displayName))), (_t = data === null || data === void 0 ? void 0 : data.allCurrencies) === null || _t === void 0 ? void 0 :
-            _t.map((c) => (h("sl-menu-item", { value: c.currencyCode, style: { display: "none" } },
-              c.currencyCode,
-              " - ",
-              c.displayName)))),
-          h("div", { class: classes.CheckboxWrapper },
-            h("sl-checkbox", { checked: formState.allowBankingCollection === true, "onSl-change": (e) => {
-                e.target.value = e.target.checked;
-              }, disabled: states.isPartner ? false : states.disabled, required: true, value: formState.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText),
-            ((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (h("p", { class: classes.ErrorText }, formatErrorMessage(text.termsAndConditionsLabel, formState.errors.allowBankingCollection))))),
-        h("sl-button", { type: "primary", disabled: states.isPartner ? false : states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton))))));
-};
-
+`;
 function useUserInfoForm(props) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const currencyRef = useRef(undefined);
   const phoneCountryRef = useRef(undefined);
   const formRef = useRef(null);
@@ -6186,7 +4956,10 @@ function useUserInfoForm(props) {
   const countries = Fn(SORTED_COUNTRIES_NAMESPACE);
   const [step, setStep] = Pn(TAX_CONTEXT_NAMESPACE);
   const [userFormContext, setUserFormContext] = Pn(USER_FORM_CONTEXT_NAMESPACE);
-  const { data, loading, errors: userError, } = $n(USER_QUERY_NAMESPACE);
+  const user = J();
+  const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = $e(CONNECT_PARTNER);
+  const { data: tenantData } = wn(GET_INDIRECT_TAX_COUNTRY_CODE, {});
+  const { data, loading, refetch, errors: userError, } = $n(USER_QUERY_NAMESPACE);
   const _currencies = Fn(CURRENCIES_NAMESPACE);
   const currencies = useMemo(() => [...(_currencies || [])].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
   const [countrySearch, setCountrySearch] = useState("");
@@ -6288,6 +5061,45 @@ function useUserInfoForm(props) {
       setFilteredCurrencies(currencies.filter((c) => c.currencyCode.toLowerCase().includes(currencySearch.toLowerCase())) || []);
     }
   }, [currencySearch, currencies]);
+  async function connectPartner(formData) {
+    var _a, _b, _c, _d, _e;
+    const vars = {
+      user: {
+        id: user.id,
+        accountId: user.accountId,
+      },
+      firstName: formData.firstName,
+      lastName: formData.lastName,
+      countryCode: formData.countryCode,
+      currency: formData.currency,
+      address: formData.address,
+      city: formData.city,
+      state: formData.state,
+      postalCode: formData.postalCode,
+      phoneNumber: formData.phoneNumber,
+      phoneNumberCountryCode: formData.phoneNumberCountryCode,
+    };
+    const result = await connectImpactPartner({
+      vars,
+    });
+    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
+      throw new Error();
+    if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
+      // Output backend errors to console for now
+      console.error("Failed to create Impact connection: ", result.createImpactConnection.validationErrors);
+      throw new Error();
+    }
+    await refetch();
+    const resultPublisher = (_e = (_d = (_c = result
+      .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
+    const hasValidCurrentDocument = validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
+    // Fire form change event
+    window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
+    return {
+      resultPublisher,
+      hasValidCurrentDocument,
+    };
+  }
   async function onSubmit(event) {
     let formControls = event.target.getFormControls();
     let formData = {};
@@ -6330,9 +5142,46 @@ function useUserInfoForm(props) {
       postalCode: userData.postalCode,
       currency: userData.currency,
     });
-    const nextStep = context.overrideNextStep || "/2";
+    const skipNextStep = getSkipNextStep(userData);
+    if (skipNextStep) {
+      try {
+        const { resultPublisher, hasValidCurrentDocument } = await connectPartner(formData);
+        if ((resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) &&
+          !hasValidCurrentDocument) {
+          // Go to docusign form
+          setStep("/3");
+        }
+        else {
+          if (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.brandedSignup) {
+            // Go to banking information form
+            setStep("/4");
+          }
+          else {
+            // Go right to the dashboard
+            setStep("/dashboard");
+          }
+        }
+        return;
+      }
+      catch (e) {
+        setErrors({ general: true });
+        return;
+      }
+    }
+    const nextStep = context.overrideNextStep || skipNextStep ? "/3" : "/2";
     setStep(nextStep);
   }
+  const indirectTaxCountry = (_a = tenantData === null || tenantData === void 0 ? void 0 : tenantData.tenantSettings) === null || _a === void 0 ? void 0 : _a.impactBrandIndirectTaxCountryCode;
+  const hasIndirectTax = !!indirectTaxCountry;
+  function getSkipNextStep(userData) {
+    if (!hasIndirectTax)
+      return true;
+    if (userData.countryCode === "US")
+      return true;
+    if (hasIndirectTax && userData.countryCode !== indirectTaxCountry)
+      return true;
+    return false;
+  }
   const hasStates = ["ES", "AU", "US", "CA"].includes(userFormContext.countryCode);
   const regionObj = hasStates
     ? ADDRESS_REGIONS[userFormContext === null || userFormContext === void 0 ? void 0 : userFormContext.countryCode]
@@ -6360,16 +5209,18 @@ function useUserInfoForm(props) {
       allCountries: countries,
       regionLabelEnum: regionObj === null || regionObj === void 0 ? void 0 : regionObj.labelEnum,
       regions: (regionObj === null || regionObj === void 0 ? void 0 : regionObj.regions) || [],
+      partnerData: (_c = (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher,
+      userData: (_e = (_d = data === null || data === void 0 ? void 0 : data.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.user,
     },
     states: {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
       hideState: !hasStates,
       hideSteps: !!context.hideSteps,
-      disabled: loading,
+      disabled: loading || connectLoading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
-      loading: loading,
-      isPartner: !!((_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher),
-      isUser: !!((_d = (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.user),
+      loading: loading || connectLoading,
+      isPartner: !!((_g = (_f = data === null || data === void 0 ? void 0 : data.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher),
+      isUser: !!((_j = (_h = data === null || data === void 0 ? void 0 : data.user) === null || _h === void 0 ? void 0 : _h.impactConnection) === null || _j === void 0 ? void 0 : _j.user),
       formState: {
         ...userFormContext,
         errors: formErrors,