@saasquatch/mint-components 1.8.1 → 1.8.2

package/dist/cjs/sqm-banking-info-form_16.cjs.entry.js

@@ -16,7 +16,7 @@ const useChildElements = require('./useChildElements-ad37ecbf.js');
 const luxon = require('./luxon-a4661470.js');
 const useReferralTable = require('./useReferralTable-6cbd3b88.js');
 const utils = require('./utils-6847bc06.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-035d5aed.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-2e93ac53.js');
 
 const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
 const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
@@ -44,10 +44,17 @@ const GET_USER = index_module.dist.gql `
             lastName
           }
           publisher {
+            id
+            brandedSignup
             countryCode
             currency
-            requiredTaxDocumentType
-            brandedSignup
+            billingAddress
+            billingCity
+            billingState
+            billingCountryCode
+            billingPostalCode
+            phoneNumberCountryCode
+            phoneNumber
             taxInformation {
               indirectTaxId
               indirectTaxCountryCode
@@ -56,6 +63,7 @@ const GET_USER = index_module.dist.gql `
               withholdingTaxId
               withholdingTaxCountryCode
             }
+            requiredTaxDocumentType
             currentTaxDocument {
               status
               type
@@ -886,7 +894,7 @@ const BankingInfoFormView = (props) => {
           : slots.paymentFixedDaySelectSlot))))),
       index.h("div", { class: classes.BtnContainer },
         index.h("sl-button", { type: "primary", disabled: states.disabled || states.saveDisabled, loading: states.saveLoading, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
-        !states.hideBackButton && (index.h("sl-button", { class: classes.SecondaryBtn, type: "text", onClick: callbacks.onBack }, text.backButton))))));
+        !states.hideBackButton && (index.h("sl-button", { exportparts: "base: secondarybutton-base", class: classes.SecondaryBtn, type: "text", onClick: callbacks.onBack }, text.backButton))))));
 };
 
 // Hardcoded in Impact backend
@@ -2412,16 +2420,23 @@ const IndirectTaxFormView = (props) => {
 const CONNECT_PARTNER = index_module.dist.gql `
   mutation createImpactConnection($vars: ImpactConnectionInput!) {
     createImpactConnection(impactConnectionInput: $vars) {
-      id
-      accountId
-      impactConnection {
-        connected
-        publisher {
-          brandedSignup
-          requiredTaxDocumentType
-          currentTaxDocument {
-            type
-            status
+      success
+      validationErrors {
+        field
+        message
+      }
+      user {
+        id
+        accountId
+        impactConnection {
+          connected
+          publisher {
+            brandedSignup
+            requiredTaxDocumentType
+            currentTaxDocument {
+              type
+              status
+            }
           }
         }
       }
@@ -2504,7 +2519,7 @@ function useIndirectTaxForm(props) {
     setFormState((p) => ({ ...p, [field]: value }));
   };
   const onSubmit = async (event) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     if (!option) {
       setErrors({ taxDetails: true });
       return;
@@ -2539,6 +2554,12 @@ function useIndirectTaxForm(props) {
         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,
@@ -2550,10 +2571,16 @@ function useIndirectTaxForm(props) {
       });
       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 = (_c = (_b = result
-        .createImpactConnection) === null || _b === void 0 ? void 0 : _b.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher;
-      const hasValidCurrentDocument = sqmInvoiceTableView.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType, (_d = resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument) === null || _d === void 0 ? void 0 : _d.type);
+      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 = sqmInvoiceTableView.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType, (_f = resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument) === null || _f === void 0 ? void 0 : _f.type);
       if ((resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) &&
         !hasValidCurrentDocument) {
         // Go to docusign form
@@ -3873,6 +3900,41 @@ const TaxAndCashMonolith = class {
      * @uiGroup Step 1 Properties
      */
     this.step1_country = "Country";
+    /**
+     * @uiName Phone number field label
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_phoneNumber = "Phone number";
+    /**
+     * @uiName Address field label
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_address = "Address";
+    /**
+     * @uiName City field label
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_city = "City";
+    /**
+     * @uiName State field label for states
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_state = "State";
+    /**
+     * @uiName State field label for provinces
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_province = "Province";
+    /**
+     * @uiName State field label for regions
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_region = "Region";
+    /**
+     * @uiName Postal code field label
+     * @uiGroup Step 1 Properties
+     */
+    this.step1_postalCode = "Postal code";
     /**
      * @uiName Currency field label
      * @uiGroup Step 1 Properties
@@ -4617,6 +4679,12 @@ const TaxAndCashMonolith = class {
      * @uiGroup General Form Properties
      */
     this.fieldRequiredError = "{fieldName} is required";
+    /**
+     * Displayed under a field that includes invalid characters (non-ASCII).
+     * @uiName Invalid character error message
+     * @uiGroup General Form Properties
+     */
+    this.invalidCharacterError = "{fieldName} includes characters that aren't supported.";
     /**
      * Displayed under a field when it has an invalid entry.
      * @uiName Form field error message
@@ -4689,6 +4757,7 @@ const TaxAndCashMonolith = class {
       generalErrorTitle: props.generalErrorTitle,
       generalErrorDescription: props.generalErrorDescription,
       fieldRequiredError: props.fieldRequiredError,
+      invalidCharacterError: props.invalidCharacterError,
       fieldInvalidError: props.fieldInvalidError,
       continueButton: props.continueButton,
       backButton: props.backButton,
@@ -5015,7 +5084,7 @@ const TaxAndCashDashboardView = (props) => {
                 documentType: states.documentTypeString,
               })),
               index.h("span", { class: sheet$4.classes.StatusAlert }, statusMap[states.status]))),
-          index.h("sl-button", { disabled: states.disabled || states.loading, onClick: callbacks.onClick, type: "default", class: sheet$4.classes.NewFormButton, exportparts: "base: secondarybutton-base" }, text.newFormButton))))))),
+          index.h("sl-button", { disabled: states.disabled || states.loading, onClick: callbacks.onClick, type: "default", class: sheet$4.classes.NewFormButton, exportparts: "base: primarybutton-base" }, text.newFormButton))))))),
       index.h("div", { class: sheet$4.classes.IndirectTaxPreviewContainer }, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
         index.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
         index.h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (index.h("div", null,
@@ -5470,6 +5539,977 @@ function useDemoTaxAndCashDashboard(props) {
   }, props.demoData || {}, { 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: {
@@ -5572,9 +6612,12 @@ const vanillaStyle$3 = `
       flex-direction: column;
     }
 
+    sl-select#phoneNumberCountryCode::part(menu) {
+      width: 450px;
+    }
   `;
 const UserInfoFormView = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  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 = global.intl.formatMessage({
@@ -5583,6 +6626,20 @@ const UserInfoFormView = (props) => {
   }, {
     termsAndConditionsLink: (index.h("a", { href: "https://app.impact.com/", 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 (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
     index.h("style", { type: "text/css" },
       styleString$5,
@@ -5617,18 +6674,18 @@ const UserInfoFormView = (props) => {
         index.h("div", { class: classes.InputContainer },
           index.h("sl-input", Object.assign({ exportparts: "label: input-label", 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: sqmInvoiceTableView.getIsRequiredErrorMessage(text.firstName, text.error.fieldRequiredError),
+            helpText: sqmInvoiceTableView.formatErrorMessage(text.firstName, formState.errors.firstName),
           }
             : {}), { id: "firstName", name: "/firstName", required: true })),
           index.h("sl-input", Object.assign({ exportparts: "label: input-label", 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: sqmInvoiceTableView.getIsRequiredErrorMessage(text.lastName, text.error.fieldRequiredError),
+            helpText: sqmInvoiceTableView.formatErrorMessage(text.lastName, formState.errors.lastName),
           }
             : {}), { id: "lastName", name: "/lastName", required: true })),
           index.h("sl-input", { exportparts: "label: input-label", value: formState.email, label: text.email, disabled: true, id: "email", name: "/email", required: true }),
           index.h("sl-select", Object.assign({ id: "countryCode", exportparts: "label: input-label", 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: sqmInvoiceTableView.getIsRequiredErrorMessage(text.country, text.error.fieldRequiredError),
+            helpText: sqmInvoiceTableView.formatErrorMessage(text.country, formState.errors.countryCode),
           }
             : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("countryCode", e) }),
             index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCountryText, onKeyDown: (e) => {
@@ -5639,9 +6696,66 @@ const UserInfoFormView = (props) => {
               } }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 :
             _e.map((c) => (index.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) => (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
-          index.h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || states.isPartner, helpText: text.currencyHelpText }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.currency) ? {
+          index.h("div", { style: { display: "flex", gap: "4px" } },
+            index.h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "140px" }, 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) }),
+              index.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 (index.h("sl-menu-item", { style: { width: "500px" }, value: c.countryCode },
+                  index.h("div", { slot: "prefix", style: { marginRight: "8px" } }, `${(_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 (index.h("sl-menu-item", { value: c.countryCode, style: { display: "none" } },
+                  index.h("div", { slot: "prefix", style: { marginRight: "8px" } }, `${(_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));
+              })),
+            index.h("sl-input", Object.assign({ exportparts: "label: input-label", label: " ", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, style: { marginTop: "2px", width: "362px" }, validationError: ({ value }) => 
+              // Naive phone number validation
+              sqmInvoiceTableView.validateBillingField(/[a-zA-Z]+/, value) &&
+                sqmInvoiceTableView.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: sqmInvoiceTableView.formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
+            }
+              : {}), { required: true }))),
+          index.h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) => 
+            // Checks for non-ASCII characters
+            !sqmInvoiceTableView.validateBillingField(/^[\x20-\xFF]+$/, value) &&
+              sqmInvoiceTableView.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: sqmInvoiceTableView.formatErrorMessage(text.address, formState.errors.address),
+          }
+            : {}), { required: true })),
+          index.h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.city, id: "city", name: "/city", value: formState.city, validationError: ({ value }) => 
+            // Checks for non-ASCII characters
+            !sqmInvoiceTableView.validateBillingField(/^[\x20-\xFF]+$/, value) &&
+              sqmInvoiceTableView.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: sqmInvoiceTableView.getIsRequiredErrorMessage(text.currency, text.error.fieldRequiredError),
+            helpText: sqmInvoiceTableView.formatErrorMessage(text.city, formState.errors.city),
+          }
+            : {}), { required: true })),
+          !states.hideState && (index.h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label", 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: sqmInvoiceTableView.formatErrorMessage(text.state, formState.errors.state),
+          }
+            : {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (index.h("sl-menu-item", { value: r.value }, r.label))))),
+          index.h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label", 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: sqmInvoiceTableView.formatErrorMessage(text.postalCode, formState.errors.postalCode),
+          }
+            : {}), { required: true })),
+          index.h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label", 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: sqmInvoiceTableView.formatErrorMessage(text.currency, formState.errors.currency),
           }
             : {}), { required: true, ref: (el) => (refs.currencyRef.current = el) }),
             index.h("sl-input", { class: classes.SearchInput, placeholder: text.searchForCurrencyText, onKeyDown: (e) => {
@@ -5649,12 +6763,12 @@ const UserInfoFormView = (props) => {
                 e.stopPropagation();
               }, "onSl-input": (e) => {
                 callbacks.setCurrencySearch(e.target.value);
-              } }), (_h = data === null || data === void 0 ? void 0 : data.currencies) === null || _h === void 0 ? void 0 :
-            _h.map((c) => (index.h("sl-menu-item", { value: c.currencyCode },
+              } }), (_s = data === null || data === void 0 ? void 0 : data.currencies) === null || _s === void 0 ? void 0 :
+            _s.map((c) => (index.h("sl-menu-item", { value: c.currencyCode },
               c.currencyCode,
               " - ",
-              c.displayName))), (_j = data === null || data === void 0 ? void 0 : data.allCurrencies) === null || _j === void 0 ? void 0 :
-            _j.map((c) => (index.h("sl-menu-item", { value: c.currencyCode, style: { display: "none" } },
+              c.displayName))), (_t = data === null || data === void 0 ? void 0 : data.allCurrencies) === null || _t === void 0 ? void 0 :
+            _t.map((c) => (index.h("sl-menu-item", { value: c.currencyCode, style: { display: "none" } },
               c.currencyCode,
               " - ",
               c.displayName)))),
@@ -5662,13 +6776,14 @@ const UserInfoFormView = (props) => {
             index.h("sl-checkbox", { exportparts: "label: input-label", 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),
-            ((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.allowBankingCollection) && (index.h("p", { class: classes.ErrorText }, sqmInvoiceTableView.getIsRequiredErrorMessage(text.termsAndConditionsLabel, text.error.fieldRequiredError))))),
+            ((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (index.h("p", { class: classes.ErrorText }, sqmInvoiceTableView.formatErrorMessage(text.termsAndConditionsLabel, formState.errors.allowBankingCollection))))),
         index.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;
   const currencyRef = stencilHooks_module.useRef(undefined);
+  const phoneCountryRef = stencilHooks_module.useRef(undefined);
   const formRef = stencilHooks_module.useRef(null);
   const context = index_module.In(TAX_FORM_CONTEXT_NAMESPACE);
   const countries = index_module.In(SORTED_COUNTRIES_NAMESPACE);
@@ -5678,12 +6793,14 @@ function useUserInfoForm(props) {
   const _currencies = index_module.In(CURRENCIES_NAMESPACE);
   const currencies = stencilHooks_module.useMemo(() => [...(_currencies || [])].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
   const [countrySearch, setCountrySearch] = stencilHooks_module.useState("");
+  const [phoneCountrySearch, setPhoneCountrySearch] = stencilHooks_module.useState("");
   const [filteredCountries, setFilteredCountries] = stencilHooks_module.useState(countries || []);
+  const [filteredPhoneCountries, setFilteredPhoneCountries] = stencilHooks_module.useState(countries || []);
   const [currencySearch, setCurrencySearch] = stencilHooks_module.useState("");
   const [filteredCurrencies, setFilteredCurrencies] = stencilHooks_module.useState(currencies || []);
   const [formErrors, setErrors] = stencilHooks_module.useState({});
   stencilHooks_module.useEffect(() => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const user = data === null || data === void 0 ? void 0 : data.user;
     if (!user || step !== "/1")
       return;
@@ -5698,6 +6815,12 @@ function useUserInfoForm(props) {
         lastName: user.impactConnection.user.lastName,
         countryCode: user.impactConnection.publisher.countryCode,
         currency: user.impactConnection.publisher.currency,
+        phoneNumberCountryCode: user.impactConnection.publisher.phoneNumberCountryCode,
+        phoneNumber: user.impactConnection.publisher.phoneNumber,
+        address: user.impactConnection.publisher.billingAddress,
+        city: user.impactConnection.publisher.billingCity,
+        state: user.impactConnection.publisher.billingState,
+        postalCode: user.impactConnection.publisher.billingPostalCode,
       });
     }
     else if (!(userFormContext === null || userFormContext === void 0 ? void 0 : userFormContext.email)) {
@@ -5708,6 +6831,12 @@ function useUserInfoForm(props) {
         lastName: user.lastName,
         countryCode: user.countryCode || "US",
         currency: (_c = user.customFields) === null || _c === void 0 ? void 0 : _c.currency,
+        phoneNumberCountryCode: ((_d = user.customFields) === null || _d === void 0 ? void 0 : _d.phoneNumberCountryCode) || "US",
+        phoneNumber: (_e = user.customFields) === null || _e === void 0 ? void 0 : _e.phoneNumber,
+        address: (_f = user.customFields) === null || _f === void 0 ? void 0 : _f.address,
+        city: (_g = user.customFields) === null || _g === void 0 ? void 0 : _g.city,
+        state: (_h = user.customFields) === null || _h === void 0 ? void 0 : _h.state,
+        postalCode: (_j = user.customFields) === null || _j === void 0 ? void 0 : _j.postalCode,
       });
     }
   }, [data, step, userFormContext]);
@@ -5720,8 +6849,10 @@ function useUserInfoForm(props) {
       ...userFormContext,
       [field]: value,
     });
-    if (field === "countryCode")
+    if (field === "countryCode") {
+      phoneCountryRef.current.value = value;
       currencyRef.current.value = "";
+    }
   };
   stencilHooks_module.useEffect(() => {
     if (!(countries === null || countries === void 0 ? void 0 : countries.length))
@@ -5733,6 +6864,16 @@ function useUserInfoForm(props) {
       setFilteredCountries(countries.filter((c) => c.displayName.toLowerCase().includes(countrySearch.toLowerCase())) || []);
     }
   }, [countrySearch, countries]);
+  stencilHooks_module.useEffect(() => {
+    if (!(countries === null || countries === void 0 ? void 0 : countries.length))
+      return;
+    if (phoneCountrySearch.trim() === "") {
+      setFilteredPhoneCountries(countries || []);
+    }
+    else {
+      setFilteredPhoneCountries(countries.filter((c) => c.displayName.toLowerCase().includes(phoneCountrySearch.toLowerCase())) || []);
+    }
+  }, [phoneCountrySearch, countries]);
   stencilHooks_module.useEffect(() => {
     if (!(currencies === null || currencies === void 0 ? void 0 : currencies.length))
       return;
@@ -5752,10 +6893,6 @@ function useUserInfoForm(props) {
         return;
       const key = control.name;
       const value = control.value;
-      // required validation
-      if (control.required && !value) {
-        jsonpointer.jsonpointer.set(errors, key, props.fieldRequiredError);
-      }
       // custom validation
       if (typeof control.validationError === "function") {
         const validate = control.validationError;
@@ -5763,6 +6900,11 @@ function useUserInfoForm(props) {
         if (validationError)
           jsonpointer.jsonpointer.set(errors, key, validationError);
       }
+      // required validation
+      if (control.required) {
+        if (!value || (typeof value === "string" && value.trim() === ""))
+          jsonpointer.jsonpointer.set(errors, key, props.fieldRequiredError);
+      }
       jsonpointer.jsonpointer.set(formData, key, value);
     });
     if (Object.keys(errors).length) {
@@ -5773,12 +6915,22 @@ function useUserInfoForm(props) {
     const { allowBankingCollection, ...userData } = formData;
     setUserFormContext({
       ...userFormContext,
+      phoneNumberCountryCode: userData.phoneNumberCountryCode,
+      phoneNumber: userData.phoneNumber,
       countryCode: userData.countryCode,
+      address: userData.address,
+      city: userData.city,
+      state: userData.state,
+      postalCode: userData.postalCode,
       currency: userData.currency,
     });
     const nextStep = context.overrideNextStep || "/2";
     setStep(nextStep);
   }
+  const hasStates = ["ES", "AU", "US", "CA"].includes(userFormContext.countryCode);
+  const regionObj = hasStates
+    ? sqmInvoiceTableView.ADDRESS_REGIONS[userFormContext === null || userFormContext === void 0 ? void 0 : userFormContext.countryCode]
+    : {};
   return {
     setStep: setStep,
     onSubmit,
@@ -5786,20 +6938,26 @@ function useUserInfoForm(props) {
     callbacks: {
       setCurrencySearch,
       setCountrySearch,
+      setPhoneCountrySearch,
       onFormChange,
     },
     refs: {
       formRef,
       currencyRef,
+      phoneCountryRef,
     },
     data: {
       currencies: filteredCurrencies,
       countries: filteredCountries,
+      phoneCountries: filteredPhoneCountries,
       allCurrencies: currencies,
       allCountries: countries,
+      regionLabelEnum: regionObj === null || regionObj === void 0 ? void 0 : regionObj.labelEnum,
+      regions: (regionObj === null || regionObj === void 0 ? void 0 : regionObj.regions) || [],
     },
     states: {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
+      hideState: !hasStates,
       hideSteps: !!context.hideSteps,
       disabled: loading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
@@ -5834,6 +6992,34 @@ const TaxForm = class {
      * @uiName Country field label
      */
     this.country = "Country";
+    /**
+     * @uiName Phone number field label
+     */
+    this.phoneNumber = "Phone number";
+    /**
+     * @uiName Address field label
+     */
+    this.address = "Address";
+    /**
+     * @uiName City field label
+     */
+    this.city = "City";
+    /**
+     * @uiName State field label
+     */
+    this.state = "State";
+    /**
+     * @uiName State field label
+     */
+    this.province = "Province";
+    /**
+     * @uiName State field label
+     */
+    this.region = "Region";
+    /**
+     * @uiName Postal code field label
+     */
+    this.postalCode = "Postal code";
     /**
      * @uiName Currency field label
      */
@@ -5904,6 +7090,16 @@ const TaxForm = class {
      * @uiName Empty form field error message
      */
     this.fieldRequiredError = "{fieldName} is required";
+    /**
+     * Displayed under a field when it has an invalid entry.
+     * @uiName Form field error message
+     */
+    this.fieldInvalidError = "{fieldName} is invalid";
+    /**
+     * Displayed under Address or City fields that includes invalid characters (non-ASCII).
+     * @uiName Invalid character error message
+     */
+    this.invalidCharacterError = "{fieldName} includes characters that aren't supported.";
     /**
      * Part of the alert displayed at the top of the page.
      * @uiName Page load error message title
@@ -5930,10 +7126,12 @@ const TaxForm = class {
       ...props,
       error: {
         fieldRequiredError: props.fieldRequiredError,
+        fieldInvalidError: props.fieldInvalidError,
         generalTitle: props.generalErrorTitle,
         generalDescription: props.generalErrorDescription,
         loadingErrorAlertHeader: props.loadingErrorAlertHeader,
         loadingErrorAlertDescription: props.loadingErrorAlertDescription,
+        invalidCharacterError: props.invalidCharacterError,
       },
     };
   }
@@ -5964,11 +7162,13 @@ function useDemoUserInfoForm(props) {
       currencies: [{ currencyCode: "CAD", displayName: "CAD" }],
       allCurrencies: [{ currencyCode: "CAD", displayName: "CAD" }],
       countries: [{ countryCode: "CA", displayName: "Canada" }],
+      phoneCountries: [{ countryCode: "CA", displayName: "Canada" }],
       allCountries: [{ countryCode: "CA", displayName: "Canada" }],
     },
     callbacks: {
       setCurrencySearch: (c) => console.log(c),
       setCountrySearch: (c) => console.log(c),
+      setPhoneCountrySearch: (c) => console.log(c),
       onFormChange: () => { },
     },
     states: {