@saasquatch/mint-components 2.3.0-6 → 2.3.0-8

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

@@ -16,12 +16,12 @@ const reRender = require('./re-render-72a0ef45.js');
 const useChildElements = require('./useChildElements-041127d7.js');
 const luxon = require('./luxon-c1ad356a.js');
 const useReferralTable = require('./useReferralTable-6e9de0d5.js');
-const sqmUserInfoFormView = require('./sqm-user-info-form-view-0e1ddbe4.js');
-const utils$1 = require('./utils-a3b3d05b.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-374a3f01.js');
+const subregions = require('./subregions-984e30d7.js');
 const data = require('./data-89ac73dd.js');
 const keys = require('./keys-5a2c9ed2.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
-const useIndirectTaxForm = require('./useIndirectTaxForm-c3c1ec56.js');
+const useIndirectTaxForm = require('./useIndirectTaxForm-112914a0.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, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76;
@@ -2071,7 +2071,7 @@ function useDocusignForm(props) {
   const [showExitButton, setShowExitButton] = domContextHooks_module.useState(false);
   const [showModal, setShowModal] = domContextHooks_module.useState(true);
   // Only look at current document if it's valid (same as required type)
-  const existingDocumentType = utils$1.validTaxDocument(publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) && (publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument)
+  const existingDocumentType = subregions.validTaxDocument(publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) && (publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument)
     ? publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType : undefined;
   const actualDocumentType = existingDocumentType ||
     getDocumentType(participantType) || (publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType);
@@ -2169,7 +2169,7 @@ function useDocusignForm(props) {
       },
       docusignStatus,
       documentType: actualDocumentType,
-      documentTypeString: utils$1.taxTypeToName(actualDocumentType),
+      documentTypeString: subregions.taxTypeToName(actualDocumentType),
       showExitButton,
       showModal,
     },
@@ -3118,7 +3118,7 @@ function useDemoIndirectTaxForm(props) {
       setCountrySearch: (c) => console.log(c),
     },
     data: {
-      esRegions: utils$1.INDIRECT_TAX_SPAIN_REGIONS,
+      esRegions: subregions.INDIRECT_TAX_SPAIN_REGIONS,
       countries: [
         {
           countryCode: "CA",
@@ -3137,7 +3137,7 @@ function useDemoIndirectTaxForm(props) {
           displayName: "United States",
         },
       ],
-      provinces: utils$1.INDIRECT_TAX_PROVINCES,
+      provinces: subregions.INDIRECT_TAX_PROVINCES,
     },
     text: props.getTextProps(),
     refs: {
@@ -3653,6 +3653,14 @@ const style$4 = {
       color: "var(--sl-color-white)",
     },
   },
+  DangerBadge: {
+    "&::part(base)": {
+      textAlign: "center",
+      whiteSpace: "pre-line",
+      background: "var(--sqm-danger-color-icon)",
+      color: "var(--sl-color-white)",
+    },
+  },
   Container: {
     display: "flex",
     flexDirection: "column",
@@ -3673,8 +3681,11 @@ function PayoutDetailsCardView(props) {
       index.h("sqm-skeleton", { width: "25%", height: "16px" })));
   };
   const renderStatusBadge = (status, statusBadgeText) => {
-    const badgeType = status === "nextPayout" ? "success" : "primary";
-    const badgeClass = badgeType === "success" ? classes.SuccessBadge : classes.PrimaryBadge;
+    const badgeClass = status === "nextPayout"
+      ? classes.SuccessBadge
+      : status === "payoutToday"
+        ? classes.PrimaryBadge
+        : classes.DangerBadge;
     const statusText = global.intl.formatMessage({
       id: "badgeText",
       defaultMessage: statusBadgeText,
@@ -3832,710 +3843,6 @@ function useDemoPayoutDetailsCard(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const style$5 = {
-  ErrorAlertContainer: {
-    "&::part(base)": {
-      backgroundColor: "var(--sl-color-red-100)",
-      borderTop: "none",
-    },
-  },
-  WarningAlertContainer: {
-    "&::part(base)": {
-      backgroundColor: "var(--sl-color-yellow-100)",
-      borderTop: "none",
-      maxWidth: "600px",
-    },
-  },
-  WarningHoldAlertContainer: {
-    marginLeft: "-20px",
-    "&::part(base)": {
-      maxWidth: "850px",
-      border: "none",
-      backgroundColor: "transparent",
-      color: "var(--sqm-text)",
-    },
-    "& sl-icon::part(base)": {
-      color: "var(--sqm-warning-color-icon)",
-    },
-  },
-  ErrorHoldAlertContainer: {
-    marginLeft: "-20px",
-    "&::part(base)": {
-      maxWidth: "850px",
-      border: "none",
-      backgroundColor: "transparent",
-      color: "var(--sqm-text)",
-    },
-    "& sl-icon::part(base)": {
-      color: "var(--sqm-danger-color-icon)",
-    },
-  },
-  ExpiringSoonAlertContainer: {
-    "&::part(base)": {
-      backgroundColor: "var(--sl-color-yellow-100)",
-      borderTop: "none",
-    },
-  },
-  BankingInformationContainer: {
-    maxWidth: "700px",
-  },
-  IndirectTaxPreviewContainer: {
-    marginTop: "var(--sl-spacing-x-large)",
-    borderTop: "1px solid var(--sl-color-neutral-200)",
-  },
-  IndirectTaxPreviewHeaderContainer: {
-    marginTop: "var(--sl-spacing-large)",
-    marginBottom: "var(--sl-spacing-xx-small)",
-    margin: "0",
-    display: "flex",
-    alignItems: "center",
-    gap: "var(--sl-spacing-x-small)",
-    "&::part(base)": {
-      color: "var(--sqm-text)",
-    },
-  },
-  IndirectTaxPreviewDetails: {
-    gap: "var(--sl-spacing-x-small)",
-    display: "flex",
-    flexDirection: "column",
-    lineHeight: "var(--sl-spacing-medium)",
-    fontSize: "var(--sl-font-size-small)",
-    color: "var(--sqm-text-subdued)",
-  },
-  InvoiceTableContainer: {
-    marginTop: "var(--sl-spacing-medium)",
-  },
-  NotRegisteredIndirectTaxText: {
-    color: "var(--sqm-text-subdued)",
-  },
-  TaxDocumentsContainer: {
-    marginTop: "var(--sl-spacing-xx-large)",
-    borderTop: "1px solid var(--sl-color-neutral-200)",
-  },
-  TaxDocumentsSectionHeaderContainer: {
-    marginTop: "var(--sl-spacing-x-large)",
-    marginBottom: "var(--sl-spacing-xx-small)",
-  },
-  StatusContainer: {
-    marginTop: "var(--sl-spacing-x-large)",
-    display: "flex",
-    flexDirection: "column",
-    gap: "var(--sl-spacing-x-small)",
-    "& h3": {
-      margin: "0",
-    },
-    "& p": {
-      margin: "0",
-      paddingTop: "2px",
-    },
-  },
-  StatusAlert: {
-    fontSize: "var(--sl-font-size-small)",
-  },
-  TaxFormDetailsContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-small)",
-    alignItems: "center",
-  },
-  NewFormButton: {
-    marginTop: "var(--sl-spacing-large)",
-    maxWidth: "300px",
-  },
-  EditBankDetailsButton: {
-    marginTop: "var(--sl-spacing-large)",
-  },
-  TaxSectionSkeletonContainer: {
-    display: "flex",
-    flexDirection: "column",
-    marginTop: "var(--sl-spacing-x-large)",
-  },
-  TaxDocSubtext: {
-    margin: "0",
-    color: "var(--sqm-text-subdued)",
-    lineHeight: "var(--sl-spacing-medium)",
-    fontSize: "var(--sl-font-size-small)",
-    marginLeft: "1px",
-  },
-  TooltipContainer: {
-    display: "flex",
-    textAlign: "center",
-    width: "250px",
-    "&::part(body)": {
-      pointerEvents: "auto",
-    },
-  },
-  ToolTip: {
-    top: "6px",
-    width: "16px",
-    height: "16px",
-  },
-  TaxNumberContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "6px",
-  },
-  DescriptionText: {
-    color: "var(--sqm-text-subdued)",
-    fontSize: "var(--sl-font-size-x-small)",
-    marginBottom: "none",
-    maxWidth: "492px",
-  },
-  PageDescriptionText: {
-    color: "var(--sqm-text-subdued)",
-    fontSize: "var(--sl-font-size-medium)",
-    marginTop: "0",
-  },
-  Dialog: {
-    "&::part(panel)": {
-      maxWidth: "420px",
-    },
-    "&::part(close-button)": {
-      marginBottom: "var(--sl-spacing-xx-large)",
-    },
-    "&::part(title)": {
-      fontSize: "var(--sl-font-size-x-large)",
-      fontWeight: "600",
-      marginTop: "var(--sl-spacing-xxx-large)",
-      padding: "var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
-    },
-    "&::part(body)": {
-      padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
-      fontSize: "var(--sl-font-size-small)",
-    },
-    "&::part(footer)": {
-      display: "flex",
-      flexDirection: "column",
-      gap: "var(--sl-spacing-small)",
-      marginBottom: "var(--sl-spacing-xx-small)",
-      alignItems: "center",
-      flex: "1",
-    },
-  },
-  DialogButton: { margin: "auto", width: "100%" },
-  SuccessBadge: {
-    "&::part(base)": {
-      textAlign: "center",
-      whiteSpace: "pre-line",
-      background: "var(--sqm-success-color-icon)",
-    },
-  },
-  WarningBadge: {
-    "&::part(base)": {
-      textAlign: "center",
-      whiteSpace: "pre-line",
-      background: "var(--sqm-warning-color-icon)",
-    },
-  },
-  ErrorBadge: {
-    "&::part(base)": {
-      textAlign: "center",
-      whiteSpace: "pre-line",
-      background: "var(--sqm-danger-color-icon)",
-    },
-  },
-  SubduedText: {
-    color: "var(--sqm-text-subdued)",
-  },
-  ButtonContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-medium)",
-    flexWrap: "wrap",
-  },
-  DropdownTooltipContainer: {
-    top: "-4px",
-    "&::part(panel)": {
-      boxShadow: "none",
-      border: "none",
-      marginTop: "var(--sl-spacing-x-small)",
-    },
-  },
-  DropdownContent: {
-    padding: "var(--sl-spacing-xxx-small) var(--sl-spacing-x-small)",
-    fontSize: "var(--sl-font-size-small)",
-    fontFamily: "var(--sl-font-sans)",
-    fontWeight: "var(--sl-font-weight-normal)",
-    lineHeight: "var(--sl-line-height-dense)",
-    minWidth: "225px",
-    backgroundColor: "var(--sl-color-gray-900)",
-    color: "var(--sl-color-white)",
-    borderRadius: "var(--sl-border-radius-medium)",
-    position: "relative",
-    marginLeft: "5px",
-  },
-  DropdownArrow: {
-    position: "absolute",
-    left: "-5px",
-    top: "50%",
-    transform: "translateY(-50%)",
-    width: "0",
-    height: "0",
-    borderTop: "5px solid transparent",
-    borderBottom: "5px solid transparent",
-    borderRight: "5px solid var(--sl-color-gray-900)",
-    zIndex: "1",
-  },
-  DropdownLink: {
-    color: "var(--sl-color-white)",
-    textDecoration: "underline",
-  },
-};
-const sheet$4 = JSS.createStyleSheet(style$5);
-const styleString$4 = sheet$4.toString();
-const vanillaStyle$3 = `
-    :host{
-      display: block;   
-    }
-
-    sl-button[type="secondary"]::part(base) {
-    font-family: var(--sqm-primary-font);
-      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);
-      color: var(--sqm-secondary-button-color-hover);
-      border-color: var(--sqm-secondary-button-border-color-hover);
-    }
-    
-  `;
-const TaxAndCashDashboardView = (props) => {
-  var _a;
-  const { states, text, callbacks, slots } = props;
-  function getAlert(status) {
-    switch (status) {
-      case "OVER_W9_THRESHOLD":
-        if (states.enforceUsTaxComplianceOption === "CASH_ONLY_DEFER_W9") {
-          return {
-            header: text.w9RequiredHeader,
-            description: global.intl.formatMessage({
-              id: "w9RequiredDescription",
-              defaultMessage: text.w9RequiredDescription,
-            }, {
-              termsAndConditions: (index.h("a", { target: "_blank", href: `https://terms.advocate.impact.com/PayoutTermsAndConditions.html` }, text.termsAndConditions)),
-            }),
-            button: (index.h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", onClick: callbacks.onNewFormClick }, text.w9RequiredButtonText)),
-            alertType: "warning",
-            icon: "info-circle",
-            class: sheet$4.classes.WarningHoldAlertContainer,
-          };
-        }
-        else {
-          return {
-            header: text.payoutHoldAlertHeader,
-            description: global.intl.formatMessage({
-              id: "payoutHoldAlertDescription",
-              defaultMessage: text.payoutHoldAlertDescription,
-            }, {
-              supportLink: (index.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 "VERIFICATION:REQUIRED":
-        return {
-          header: text.verificationRequiredHeader,
-          description: global.intl.formatMessage({
-            id: "verificationRequiredDescription",
-            defaultMessage: text.verificationRequiredDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: text.verificationRequiredButtonText,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "VERIFICATION:INTERNAL":
-        return {
-          header: text.verificationRequiredInternalHeader,
-          description: global.intl.formatMessage({
-            id: "verificationRequiredInternalDescription",
-            defaultMessage: text.verificationRequiredInternalDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "VERIFICATION:REVIEW":
-        return {
-          header: text.verificationReviewInternalHeader,
-          description: global.intl.formatMessage({
-            id: "verificationReviewInternalDescription",
-            defaultMessage: text.verificationReviewInternalDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "VERIFICATION:FAILED":
-        return {
-          header: text.verificationFailedInternalHeader,
-          description: global.intl.formatMessage({
-            id: "verificationFailedInternalDescription",
-            defaultMessage: text.verificationFailedInternalDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          alertType: "error",
-          icon: "exclamation-octagon",
-          class: sheet$4.classes.ErrorHoldAlertContainer,
-        };
-      case "NEW_PAYEE_REVIEW":
-        return {
-          header: text.accountReviewHeader,
-          description: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.accountReviewDescription,
-          }, {
-            supportLink: (index.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 "PAYMENT_HOLD_ON_CHANGE":
-        return {
-          header: text.paymentHoldOnChangeHeader,
-          description: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.paymentHoldOnChangeDescription,
-          }, {
-            supportLink: (index.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: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.beneficiaryNameInvalidDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (index.h("div", { class: sheet$4.classes.ButtonContainer },
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
-            index.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: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.beneficiaryNameMismatchDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (index.h("div", { class: sheet$4.classes.ButtonContainer },
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
-            index.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: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.bankTaxNameMismatchDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (index.h("div", { class: sheet$4.classes.ButtonContainer },
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
-            index.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: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.withdrawalSettingsInvalidDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (index.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: global.intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.paymentReturnedDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (index.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,
-          description: global.intl.formatMessage({
-            id: "payoutHoldAlertDescription",
-            defaultMessage: text.payoutHoldAlertDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: null,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      default:
-        return;
-    }
-  }
-  const statusMap = {
-    NOT_VERIFIED: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      index.h("sl-badge", { class: sheet$4.classes.WarningBadge, type: "warning", pill: true }, text.statusTextNotVerified),
-      index.h("p", { class: sheet$4.classes.SubduedText }, global.intl.formatMessage({
-        id: `badgeTextAwaitingReview`,
-        defaultMessage: text.badgeTextAwaitingReview,
-      }, {
-        dateSubmitted: states.dateSubmitted,
-      })))),
-    ACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      index.h("sl-badge", { class: sheet$4.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
-      index.h("p", { class: sheet$4.classes.SubduedText }, global.intl.formatMessage({
-        id: `badgeTextSubmittedOn`,
-        defaultMessage: states.documentType === "W9" || !states.documentType
-          ? text.badgeTextSubmittedOn
-          : text.badgeTextSubmittedOnW8,
-      }, {
-        dateSubmitted: states.dateSubmitted,
-      })))),
-    INACTIVE: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      index.h("sl-badge", { class: sheet$4.classes.ErrorBadge, type: "danger", pill: true }, text.statusTextNotActive),
-      index.h("p", { class: sheet$4.classes.SubduedText }, text.invalidForm))),
-    undefined: (index.h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      index.h("sl-badge", { type: "danger", pill: true }, text.statusTextRequired),
-      index.h("p", null, global.intl.formatMessage({
-        id: `requiredTaxForm`,
-        defaultMessage: text.requiredTaxForm,
-      }, {
-        taxFormType: states.documentType,
-      })))),
-  };
-  const alertMap = {
-    INACTIVE: (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", class: sheet$4.classes.ErrorHoldAlertContainer, type: "danger", open: true },
-      index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
-      index.h("strong", null, global.intl.formatMessage({
-        id: `taxAlertHeaderNotActive`,
-        defaultMessage: states.documentType === "W9"
-          ? text.taxAlertHeaderNotActiveW9
-          : text.taxAlertHeaderNotActiveW8,
-      }, {
-        documentType: states.documentType || "Your",
-      })),
-      index.h("br", null),
-      global.intl.formatMessage({
-        id: `taxAlertMessage`,
-        defaultMessage: states.documentType === "W9"
-          ? text.taxAlertNotActiveMessageW9
-          : text.taxAlertNotActiveMessageW8,
-      }, {
-        documentType: states.documentTypeString || "tax",
-      }))),
-  };
-  const getIndirectTaxRegisteredIn = () => {
-    if (states.province) {
-      return global.intl.formatMessage({
-        id: `indirectTaxInfoCanada`,
-        defaultMessage: text.indirectTaxInfoCanada,
-      }, {
-        country: "Canada",
-        province: states.province,
-      });
-    }
-    else if (states.subRegion) {
-      return global.intl.formatMessage({
-        id: `indirectTaxInfoSpain`,
-        defaultMessage: text.indirectTaxInfoSpain,
-      }, {
-        country: states.country,
-        subRegion: states.subRegion,
-      });
-    }
-    else {
-      return global.intl.formatMessage({
-        id: `indirectTaxInfoOtherCountry`,
-        defaultMessage: text.indirectTaxInfoOtherCountry,
-      }, {
-        country: states.country,
-      });
-    }
-  };
-  const alertInfo = getAlert(states.payoutStatus);
-  const dropdownHover = (el) => {
-    var _a;
-    if (!el)
-      return;
-    const trigger = el.querySelector('[slot="trigger"]');
-    const panel = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".dropdown__panel");
-    if (!trigger || !panel)
-      return;
-    let hideTimeout;
-    const show = () => {
-      clearTimeout(hideTimeout);
-      el.show();
-    };
-    const scheduleHide = () => {
-      hideTimeout = setTimeout(() => el.hide(), 100);
-    };
-    trigger.addEventListener("mouseenter", show);
-    trigger.addEventListener("mouseleave", scheduleHide);
-    panel.addEventListener("mouseenter", show);
-    panel.addEventListener("mouseleave", scheduleHide);
-    return () => {
-      trigger.removeEventListener("mouseenter", show);
-      trigger.removeEventListener("mouseleave", scheduleHide);
-      panel.removeEventListener("mouseenter", show);
-      panel.removeEventListener("mouseleave", scheduleHide);
-      clearTimeout(hideTimeout);
-    };
-  };
-  return (index.h("div", null,
-    index.h("div", null,
-      index.h("style", { type: "text/css" },
-        styleString$4,
-        vanillaStyle$3),
-      states.loadingError && (index.h("div", null,
-        index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.ErrorAlertContainer },
-          index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
-          index.h("strong", null, text.error.loadingErrorAlertHeader),
-          index.h("br", null),
-          global.intl.formatMessage({
-            id: "loadingErrorAlertDescription",
-            defaultMessage: text.error.loadingErrorAlertDescription,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          })))),
-      ((_a = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.ErrorAlertContainer },
-        index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
-        index.h("strong", null, text.error.generalTitle),
-        index.h("br", null),
-        global.intl.formatMessage({
-          id: "generalDescription",
-          defaultMessage: text.error.generalDescription,
-        }, {
-          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-        }))),
-      alertInfo && (index.h("sqm-form-message", { loading: states.loading, exportparts: "base: alert-base, icon:alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
-        index.h("strong", null, alertInfo.header),
-        index.h("p", { style: { margin: "0" } }, alertInfo.description),
-        alertInfo.buttonText && (index.h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.veriffLoading, onClick: () => callbacks.onVerifyClick() }, alertInfo.buttonText)),
-        alertInfo.button ? (alertInfo.button) : (index.h("div", { style: { display: "none" } })))),
-      index.h("sl-dialog", { label: text.replaceTaxFormModalHeader, class: sheet$4.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
-        index.h("p", null, text.replaceTaxFormModalBodyText),
-        index.h("sl-button", { slot: "footer", type: "primary", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),
-        index.h("sl-button", { slot: "footer", type: "default", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormCancel }, text.cancelButton)),
-      states.status === "INACTIVE" && alertMap[states.status],
-      index.h("div", null,
-        index.h("h3", { style: { marginBottom: "0" } }, text.bankingInformationSectionHeader),
-        index.h("div", { class: sheet$4.classes.BankingInformationContainer },
-          slots.payoutDetailsCardSlot,
-          !states.loading && (index.h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
-          states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
-      (!states.noFormNeeded || !!states.status) && (index.h("div", { class: sheet$4.classes.TaxDocumentsContainer },
-        index.h("div", null, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
-          index.h("sqm-skeleton", { width: "15%", height: "10px" }),
-          index.h("sqm-skeleton", { width: "25%", height: "24px" }))) : (index.h("div", null,
-          index.h("div", null,
-            index.h("span", { class: sheet$4.classes.TaxFormDetailsContainer },
-              index.h("div", { class: sheet$4.classes.StatusContainer },
-                index.h("h3", null, states.documentType
-                  ? global.intl.formatMessage({
-                    id: "section-subheader",
-                    defaultMessage: text.taxDocumentSectionSubHeader,
-                  }, {
-                    documentType: states.documentTypeString,
-                  })
-                  : text.taxDocumentSectionSubHeaderNoDocument),
-                index.h("span", { class: sheet$4.classes.StatusAlert }, statusMap[states.status]))),
-            (!states.noFormNeeded || !!states.status) &&
-              states.status !== "NOT_VERIFIED" && (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("sqm-skeleton", { width: "15%", height: "10px" }),
-        index.h("sqm-skeleton", { width: "25%", height: "24px" }))) : (index.h("div", null,
-        index.h("h3", { class: sheet$4.classes.IndirectTaxPreviewHeaderContainer },
-          text.indirectTaxInfoSectionHeader,
-          index.h("sl-dropdown", { placement: "right", distance: 1, ref: dropdownHover, class: sheet$4.classes.DropdownTooltipContainer },
-            index.h("sl-icon", { slot: "trigger", name: "info-circle", class: sheet$4.classes.ToolTip, style: { cursor: "pointer" } }),
-            index.h("div", { class: sheet$4.classes.DropdownContent },
-              index.h("div", { class: sheet$4.classes.DropdownArrow }),
-              global.intl.formatMessage({
-                id: "indirectTaxTooltipSupport",
-                defaultMessage: text.indirectTaxTooltipSupport,
-              }, {
-                supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com`, class: sheet$4.classes.DropdownLink }, text.supportLink)),
-              })))),
-        index.h("div", { class: sheet$4.classes.IndirectTaxPreviewDetails },
-          index.h("span", null, states.notRegistered ? (index.h("span", { class: sheet$4.classes.NotRegisteredIndirectTaxText }, global.intl.formatMessage({
-            id: "notRegisteredForTax",
-            defaultMessage: text.notRegisteredForTax,
-          }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }))) : (getIndirectTaxRegisteredIn())),
-          !states.notRegistered && (index.h("div", { class: sheet$4.classes.TaxNumberContainer },
-            index.h("span", null, global.intl.formatMessage({
-              id: `indirectTaxDetails`,
-              defaultMessage: text.indirectTaxDetails,
-            }, {
-              indirectTaxType: states.indirectTaxType,
-              indirectTaxNumber: states.indirectTaxNumber,
-            })),
-            index.h("span", null,
-              states.qstNumber &&
-                global.intl.formatMessage({
-                  id: `qstNumber`,
-                  defaultMessage: text.qstNumber,
-                }, {
-                  qstNumber: states.qstNumber,
-                }),
-              states.subRegionTaxNumber &&
-                global.intl.formatMessage({
-                  id: `subRegionTaxNumber`,
-                  defaultMessage: text.subRegionTaxNumber,
-                }, {
-                  subRegionTaxNumber: states.subRegionTaxNumber,
-                })))),
-          !states.notRegistered && (index.h("div", { class: sheet$4.classes.InvoiceTableContainer },
-            index.h("sqm-invoice-table", { description: text.invoiceDescription, "prev-label": text.invoicePrevLabel, "more-label": text.invoiceMoreLabel, header: text.invoiceHeader, "empty-state-header": text.invoiceEmptyStateHeader, "empty-state-text": text.invoiceEmptyStateText },
-              index.h("sqm-invoice-table-download-column", null),
-              index.h("sqm-invoice-table-date-column", { "column-title": text.dateColumnTitle }),
-              index.h("sqm-invoice-table-data-column", { "column-title": text.invoiceColumnTitle, property: "invoiceId" }),
-              index.h("sqm-invoice-table-data-column", { "column-title": text.earningsColumnTitle, property: "earnings" }),
-              index.h("sqm-invoice-table-data-column", { "column-title": text.indirectTaxColumnTitle, property: "indirectTax" }),
-              index.h("sqm-invoice-table-data-column", { "column-title": text.earningsAfterTaxColumnTitle, property: "netEarnings" })))))))))));
-};
-
 const GET_TAX_SETTING = index_module.dist.gql `
   query getTenantSettings {
     tenantSettings {
@@ -4557,12 +3864,12 @@ function getSubRegionName(regionCode) {
     return "";
   // Impact adds an underscore to some regions
   const standardCode = regionCode.replace("_", "");
-  const regions = [...utils$1.INDIRECT_TAX_PROVINCES, ...utils$1.INDIRECT_TAX_SPAIN_REGIONS];
+  const regions = [...subregions.INDIRECT_TAX_PROVINCES, ...subregions.INDIRECT_TAX_SPAIN_REGIONS];
   return (_a = regions.find((r) => r.regionCode === standardCode)) === null || _a === void 0 ? void 0 : _a.displayName;
 }
 function getIndirectTaxType(taxInformation) {
   var _a;
-  const regions = [...utils$1.INDIRECT_TAX_PROVINCES, ...utils$1.INDIRECT_TAX_SPAIN_REGIONS];
+  const regions = [...subregions.INDIRECT_TAX_PROVINCES, ...subregions.INDIRECT_TAX_SPAIN_REGIONS];
   if (taxInformation === null || taxInformation === void 0 ? void 0 : taxInformation.indirectTaxRegion) {
     const standardRegion = taxInformation.indirectTaxRegion.replace("_", "");
     const taxType = (_a = regions.find((r) => r.regionCode === standardRegion)) === null || _a === void 0 ? void 0 : _a.taxType;
@@ -4621,7 +3928,7 @@ const useTaxAndCashDashboard = (props) => {
     });
     setStep("/3");
   };
-  const provinceName = (_d = utils$1.INDIRECT_TAX_PROVINCES.find((p) => { var _a; return p.regionCode === ((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxRegion); })) === null || _d === void 0 ? void 0 : _d.displayName;
+  const provinceName = (_d = subregions.INDIRECT_TAX_PROVINCES.find((p) => { var _a; return p.regionCode === ((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxRegion); })) === null || _d === void 0 ? void 0 : _d.displayName;
   const payoutStatus = data$1 ? useIndirectTaxForm.getStatus(data$1) : null;
   domContextHooks_module.useEffect(() => {
     const cb = () => refetch();
@@ -4636,7 +3943,7 @@ const useTaxAndCashDashboard = (props) => {
       dateSubmitted,
       documentType,
       canEditPayoutInfo: publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup,
-      documentTypeString: utils$1.taxTypeToName(documentType),
+      documentTypeString: subregions.taxTypeToName(documentType),
       status: (_f = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _f === void 0 ? void 0 : _f.status,
       subRegion: getSubRegionName((_g = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _g === void 0 ? void 0 : _g.indirectTaxRegion),
       subRegionTaxNumber: (_h = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _h === void 0 ? void 0 : _h.withholdingTaxId,
@@ -5077,7 +4384,7 @@ const TaxAndCashDashboard = class {
     const props = index_module.isDemo()
       ? useDemoTaxAndCashDashboard(this)
       : useTaxAndCashDashboard(this);
-    return (index.h(index.Host, null, index.h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
+    return (index.h(index.Host, null, index.h(sqmUserInfoFormView.TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
         payoutDetailsCardSlot: (index.h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
       } })));
   }
@@ -5168,7 +4475,7 @@ function useUserInfoForm(props) {
     if (!user || step !== "/1")
       return;
     // If form already filled out, skip initialising it
-    if (utils$1.objectIsFull(userFormContext))
+    if (subregions.objectIsFull(userFormContext))
       return;
     // Prefer MI email if it was verified before this
     const email = ((_a = user.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) ? user.managedIdentity.email
@@ -5242,9 +4549,7 @@ function useUserInfoForm(props) {
       setFilteredPhoneCountries(countries || []);
     }
     else {
-      setFilteredPhoneCountries(countries.filter((c) => c.displayName
-        .toLowerCase()
-        .includes(phoneCountrySearch.toLowerCase())) || []);
+      setFilteredPhoneCountries(countries.filter((c) => c.displayName.toLowerCase().includes(phoneCountrySearch.toLowerCase())) || []);
     }
   }, [phoneCountrySearch, countries]);
   domContextHooks_module.useEffect(() => {
@@ -5258,7 +4563,7 @@ function useUserInfoForm(props) {
     }
   }, [currencySearch, currencies]);
   async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d;
     const vars = {
       user: {
         id: user.id,
@@ -5275,32 +4580,34 @@ function useUserInfoForm(props) {
       phoneNumber: formData.phoneNumber,
       phoneNumberCountryCode: formData.phoneNumberCountryCode,
     };
-    // If the partner has already been started call completeImpactPartner to
-    // update the remaining details. Otherwise create a new connection.
-    const userData = data$1 === null || data$1 === void 0 ? void 0 : data$1.user;
     let result = null;
     let connectionResult;
-    if (((_a = userData === null || userData === void 0 ? void 0 : userData.impactConnection) === null || _a === void 0 ? void 0 : _a.connectionStatus) === "STARTED") {
-      result = await completeImpactPartner({
-        vars,
-      });
-      connectionResult = (_b = result) === null || _b === void 0 ? void 0 : _b.completeImpactConnection;
-    }
-    else {
-      result = await connectImpactPartner({
-        vars,
-      });
-      connectionResult = (_c = result) === null || _c === void 0 ? void 0 : _c.createImpactConnection;
-    }
-    if (!result || ((_d = result) === null || _d === void 0 ? void 0 : _d.message))
+    result = await completeImpactPartner({
+      vars,
+    });
+    connectionResult = (_a = result) === null || _a === void 0 ? void 0 : _a.completeImpactConnection;
+    // if (userData?.impactConnection?.connectionStatus === "STARTED") {
+    //   result = await completeImpactPartner({
+    //     vars,
+    //   });
+    //   connectionResult = (result as CompletePartnerResult)
+    //     ?.completeImpactConnection;
+    // } else {
+    //   result = await connectImpactPartner({
+    //     vars,
+    //   });
+    //   connectionResult = (result as ConnectPartnerResult)
+    //     ?.createImpactConnection;
+    // }
+    if (!result || ((_b = result) === null || _b === void 0 ? void 0 : _b.message))
       throw new Error();
     if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
       console.error("Failed to create Impact connection: ", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
       throw new Error();
     }
     await refetch();
-    const resultPublisher = (_f = (_e = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _e === void 0 ? void 0 : _e.impactConnection) === null || _f === void 0 ? void 0 : _f.publisher;
-    const hasValidCurrentDocument = utils$1.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
+    const resultPublisher = (_d = (_c = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _c === void 0 ? void 0 : _c.impactConnection) === null || _d === void 0 ? void 0 : _d.publisher;
+    const hasValidCurrentDocument = subregions.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(eventKeys.TAX_FORM_UPDATED_EVENT_KEY));
     return {
@@ -5320,7 +4627,7 @@ function useUserInfoForm(props) {
       // custom validation
       if (typeof control.validationError === "function") {
         const validate = control.validationError;
-        const validationError = validate({ control, key, value });
+        const validationError = validate({ control, key, value, formData });
         if (validationError)
           jsonpointer.jsonpointer.set(errors, key, validationError);
       }
@@ -5392,7 +4699,7 @@ function useUserInfoForm(props) {
   }
   const hasStates = ["ES", "AU", "US", "CA"].includes(userFormContext.countryCode);
   const regionObj = hasStates
-    ? utils$1.ADDRESS_REGIONS[userFormContext === null || userFormContext === void 0 ? void 0 : userFormContext.countryCode]
+    ? subregions.ADDRESS_REGIONS[userFormContext === null || userFormContext === void 0 ? void 0 : userFormContext.countryCode]
     : {};
   return {
     setStep: setStep,