@saasquatch/mint-components 2.3.0-5 → 2.3.0-7

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

@@ -12,12 +12,12 @@ import { u as useRerenderListener, a as useRequestRerender } from './re-render-b
 import { u as useChildElements } from './useChildElements-06937df7.js';
 import { l as luxon } from './luxon-1be92a8e.js';
 import { g as generateUserError } from './useReferralTable-03d32c6f.js';
-import { O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, U as UserInfoFormView } from './sqm-user-info-form-view-e1ba6009.js';
-import { t as taxTypeToName, b as validTaxDocument, I as INDIRECT_TAX_SPAIN_REGIONS, a as INDIRECT_TAX_PROVINCES, o as objectIsFull, A as ADDRESS_REGIONS } from './utils-4f5cd04c.js';
+import { O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, T as TaxAndCashDashboardView, U as UserInfoFormView } from './sqm-user-info-form-view-dc473cb8.js';
+import { t as taxTypeToName, b as validTaxDocument, I as INDIRECT_TAX_SPAIN_REGIONS, a as INDIRECT_TAX_PROVINCES, o as objectIsFull, A as ADDRESS_REGIONS } from './subregions-24c1c137.js';
 import { F as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, f as FINANCE_NETWORK_SETTINGS_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, C as CURRENCIES_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE } from './data-8698cbc6.js';
 import { c as VERIFICATION_EVENT_KEY } from './keys-1054056a.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
-import { a as useIndirectTaxForm, b as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY, c as CONNECT_PARTNER, C as COMPLETE_PARTNER } from './useIndirectTaxForm-b2888ea5.js';
+import { a as useIndirectTaxForm, b as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY, c as CONNECT_PARTNER, C as COMPLETE_PARTNER } from './useIndirectTaxForm-27668ad4.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;
@@ -3649,6 +3649,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",
@@ -3669,8 +3677,11 @@ function PayoutDetailsCardView(props) {
       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 = intl.formatMessage({
       id: "badgeText",
       defaultMessage: statusBadgeText,
@@ -3828,710 +3839,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 = 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: intl.formatMessage({
-              id: "w9RequiredDescription",
-              defaultMessage: text.w9RequiredDescription,
-            }, {
-              termsAndConditions: (h("a", { target: "_blank", href: `https://terms.advocate.impact.com/PayoutTermsAndConditions.html` }, text.termsAndConditions)),
-            }),
-            button: (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: intl.formatMessage({
-              id: "payoutHoldAlertDescription",
-              defaultMessage: text.payoutHoldAlertDescription,
-            }, {
-              supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-            }),
-            buttonText: null,
-            alertType: "warning",
-            icon: "exclamation-triangle",
-            class: sheet$4.classes.WarningHoldAlertContainer,
-          };
-        }
-      case "VERIFICATION:REQUIRED":
-        return {
-          header: text.verificationRequiredHeader,
-          description: intl.formatMessage({
-            id: "verificationRequiredDescription",
-            defaultMessage: text.verificationRequiredDescription,
-          }, {
-            supportLink: (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: intl.formatMessage({
-            id: "verificationRequiredInternalDescription",
-            defaultMessage: text.verificationRequiredInternalDescription,
-          }, {
-            supportLink: (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: intl.formatMessage({
-            id: "verificationReviewInternalDescription",
-            defaultMessage: text.verificationReviewInternalDescription,
-          }, {
-            supportLink: (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: intl.formatMessage({
-            id: "verificationFailedInternalDescription",
-            defaultMessage: text.verificationFailedInternalDescription,
-          }, {
-            supportLink: (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: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.accountReviewDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: null,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "PAYMENT_HOLD_ON_CHANGE":
-        return {
-          header: text.paymentHoldOnChangeHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.paymentHoldOnChangeDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: null,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "BENEFICIARY_NAME_INVALID":
-        return {
-          header: text.beneficiaryNameInvalidHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.beneficiaryNameInvalidDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (h("div", { class: sheet$4.classes.ButtonContainer },
-            h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
-            h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "BENEFICIARY_NAME_MISMATCH":
-        return {
-          header: text.beneficiaryNameMismatchHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.beneficiaryNameMismatchDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (h("div", { class: sheet$4.classes.ButtonContainer },
-            h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
-            h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "BANK_TAX_NAME_MISMATCH":
-        return {
-          header: text.bankTaxNameMismatchHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.bankTaxNameMismatchDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (h("div", { class: sheet$4.classes.ButtonContainer },
-            h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
-            h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "WITHDRAWAL_SETTINGS_INVALID":
-        return {
-          header: text.withdrawalSettingsInvalidHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.withdrawalSettingsInvalidDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "PAYMENT_RETURNED":
-        return {
-          header: text.paymentReturnedHeader,
-          description: intl.formatMessage({
-            id: "accountReviewDescription",
-            defaultMessage: text.paymentReturnedDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          button: (h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
-          alertType: "error",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      case "HOLD":
-        return {
-          header: text.payoutHoldAlertHeader,
-          description: intl.formatMessage({
-            id: "payoutHoldAlertDescription",
-            defaultMessage: text.payoutHoldAlertDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }),
-          buttonText: null,
-          alertType: "warning",
-          icon: "exclamation-triangle",
-          class: sheet$4.classes.WarningHoldAlertContainer,
-        };
-      default:
-        return;
-    }
-  }
-  const statusMap = {
-    NOT_VERIFIED: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      h("sl-badge", { class: sheet$4.classes.WarningBadge, type: "warning", pill: true }, text.statusTextNotVerified),
-      h("p", { class: sheet$4.classes.SubduedText }, intl.formatMessage({
-        id: `badgeTextAwaitingReview`,
-        defaultMessage: text.badgeTextAwaitingReview,
-      }, {
-        dateSubmitted: states.dateSubmitted,
-      })))),
-    ACTIVE: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      h("sl-badge", { class: sheet$4.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
-      h("p", { class: sheet$4.classes.SubduedText }, intl.formatMessage({
-        id: `badgeTextSubmittedOn`,
-        defaultMessage: states.documentType === "W9" || !states.documentType
-          ? text.badgeTextSubmittedOn
-          : text.badgeTextSubmittedOnW8,
-      }, {
-        dateSubmitted: states.dateSubmitted,
-      })))),
-    INACTIVE: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      h("sl-badge", { class: sheet$4.classes.ErrorBadge, type: "danger", pill: true }, text.statusTextNotActive),
-      h("p", { class: sheet$4.classes.SubduedText }, text.invalidForm))),
-    undefined: (h("div", { class: sheet$4.classes.TaxFormDetailsContainer },
-      h("sl-badge", { type: "danger", pill: true }, text.statusTextRequired),
-      h("p", null, intl.formatMessage({
-        id: `requiredTaxForm`,
-        defaultMessage: text.requiredTaxForm,
-      }, {
-        taxFormType: states.documentType,
-      })))),
-  };
-  const alertMap = {
-    INACTIVE: (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", class: sheet$4.classes.ErrorHoldAlertContainer, type: "danger", open: true },
-      h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
-      h("strong", null, intl.formatMessage({
-        id: `taxAlertHeaderNotActive`,
-        defaultMessage: states.documentType === "W9"
-          ? text.taxAlertHeaderNotActiveW9
-          : text.taxAlertHeaderNotActiveW8,
-      }, {
-        documentType: states.documentType || "Your",
-      })),
-      h("br", null),
-      intl.formatMessage({
-        id: `taxAlertMessage`,
-        defaultMessage: states.documentType === "W9"
-          ? text.taxAlertNotActiveMessageW9
-          : text.taxAlertNotActiveMessageW8,
-      }, {
-        documentType: states.documentTypeString || "tax",
-      }))),
-  };
-  const getIndirectTaxRegisteredIn = () => {
-    if (states.province) {
-      return intl.formatMessage({
-        id: `indirectTaxInfoCanada`,
-        defaultMessage: text.indirectTaxInfoCanada,
-      }, {
-        country: "Canada",
-        province: states.province,
-      });
-    }
-    else if (states.subRegion) {
-      return intl.formatMessage({
-        id: `indirectTaxInfoSpain`,
-        defaultMessage: text.indirectTaxInfoSpain,
-      }, {
-        country: states.country,
-        subRegion: states.subRegion,
-      });
-    }
-    else {
-      return 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 (h("div", null,
-    h("div", null,
-      h("style", { type: "text/css" },
-        styleString$4,
-        vanillaStyle$3),
-      states.loadingError && (h("div", null,
-        h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.ErrorAlertContainer },
-          h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
-          h("strong", null, text.error.loadingErrorAlertHeader),
-          h("br", null),
-          intl.formatMessage({
-            id: "loadingErrorAlertDescription",
-            defaultMessage: text.error.loadingErrorAlertDescription,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          })))),
-      ((_a = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet$4.classes.ErrorAlertContainer },
-        h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
-        h("strong", null, text.error.generalTitle),
-        h("br", null),
-        intl.formatMessage({
-          id: "generalDescription",
-          defaultMessage: text.error.generalDescription,
-        }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-        }))),
-      alertInfo && (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 },
-        h("strong", null, alertInfo.header),
-        h("p", { style: { margin: "0" } }, alertInfo.description),
-        alertInfo.buttonText && (h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.veriffLoading, onClick: () => callbacks.onVerifyClick() }, alertInfo.buttonText)),
-        alertInfo.button ? (alertInfo.button) : (h("div", { style: { display: "none" } })))),
-      h("sl-dialog", { label: text.replaceTaxFormModalHeader, class: sheet$4.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
-        h("p", null, text.replaceTaxFormModalBodyText),
-        h("sl-button", { slot: "footer", type: "primary", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),
-        h("sl-button", { slot: "footer", type: "default", class: sheet$4.classes.DialogButton, onClick: callbacks.onNewFormCancel }, text.cancelButton)),
-      states.status === "INACTIVE" && alertMap[states.status],
-      h("div", null,
-        h("h3", { style: { marginBottom: "0" } }, text.bankingInformationSectionHeader),
-        h("div", { class: sheet$4.classes.BankingInformationContainer },
-          slots.payoutDetailsCardSlot,
-          !states.loading && (h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
-          states.canEditPayoutInfo && (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) && (h("div", { class: sheet$4.classes.TaxDocumentsContainer },
-        h("div", null, states.loading ? (h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
-          h("sqm-skeleton", { width: "15%", height: "10px" }),
-          h("sqm-skeleton", { width: "25%", height: "24px" }))) : (h("div", null,
-          h("div", null,
-            h("span", { class: sheet$4.classes.TaxFormDetailsContainer },
-              h("div", { class: sheet$4.classes.StatusContainer },
-                h("h3", null, states.documentType
-                  ? intl.formatMessage({
-                    id: "section-subheader",
-                    defaultMessage: text.taxDocumentSectionSubHeader,
-                  }, {
-                    documentType: states.documentTypeString,
-                  })
-                  : text.taxDocumentSectionSubHeaderNoDocument),
-                h("span", { class: sheet$4.classes.StatusAlert }, statusMap[states.status]))),
-            (!states.noFormNeeded || !!states.status) &&
-              states.status !== "NOT_VERIFIED" && (h("sl-button", { disabled: states.disabled || states.loading, onClick: callbacks.onClick, type: "default", class: sheet$4.classes.NewFormButton, exportparts: "base: primarybutton-base" }, text.newFormButton)))))))),
-      h("div", { class: sheet$4.classes.IndirectTaxPreviewContainer }, states.loading ? (h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
-        h("sqm-skeleton", { width: "15%", height: "10px" }),
-        h("sqm-skeleton", { width: "25%", height: "24px" }))) : (h("div", null,
-        h("h3", { class: sheet$4.classes.IndirectTaxPreviewHeaderContainer },
-          text.indirectTaxInfoSectionHeader,
-          h("sl-dropdown", { placement: "right", distance: 1, ref: dropdownHover, class: sheet$4.classes.DropdownTooltipContainer },
-            h("sl-icon", { slot: "trigger", name: "info-circle", class: sheet$4.classes.ToolTip, style: { cursor: "pointer" } }),
-            h("div", { class: sheet$4.classes.DropdownContent },
-              h("div", { class: sheet$4.classes.DropdownArrow }),
-              intl.formatMessage({
-                id: "indirectTaxTooltipSupport",
-                defaultMessage: text.indirectTaxTooltipSupport,
-              }, {
-                supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com`, class: sheet$4.classes.DropdownLink }, text.supportLink)),
-              })))),
-        h("div", { class: sheet$4.classes.IndirectTaxPreviewDetails },
-          h("span", null, states.notRegistered ? (h("span", { class: sheet$4.classes.NotRegisteredIndirectTaxText }, intl.formatMessage({
-            id: "notRegisteredForTax",
-            defaultMessage: text.notRegisteredForTax,
-          }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
-          }))) : (getIndirectTaxRegisteredIn())),
-          !states.notRegistered && (h("div", { class: sheet$4.classes.TaxNumberContainer },
-            h("span", null, intl.formatMessage({
-              id: `indirectTaxDetails`,
-              defaultMessage: text.indirectTaxDetails,
-            }, {
-              indirectTaxType: states.indirectTaxType,
-              indirectTaxNumber: states.indirectTaxNumber,
-            })),
-            h("span", null,
-              states.qstNumber &&
-                intl.formatMessage({
-                  id: `qstNumber`,
-                  defaultMessage: text.qstNumber,
-                }, {
-                  qstNumber: states.qstNumber,
-                }),
-              states.subRegionTaxNumber &&
-                intl.formatMessage({
-                  id: `subRegionTaxNumber`,
-                  defaultMessage: text.subRegionTaxNumber,
-                }, {
-                  subRegionTaxNumber: states.subRegionTaxNumber,
-                })))),
-          !states.notRegistered && (h("div", { class: sheet$4.classes.InvoiceTableContainer },
-            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 },
-              h("sqm-invoice-table-download-column", null),
-              h("sqm-invoice-table-date-column", { "column-title": text.dateColumnTitle }),
-              h("sqm-invoice-table-data-column", { "column-title": text.invoiceColumnTitle, property: "invoiceId" }),
-              h("sqm-invoice-table-data-column", { "column-title": text.earningsColumnTitle, property: "earnings" }),
-              h("sqm-invoice-table-data-column", { "column-title": text.indirectTaxColumnTitle, property: "indirectTax" }),
-              h("sqm-invoice-table-data-column", { "column-title": text.earningsAfterTaxColumnTitle, property: "netEarnings" })))))))))));
-};
-
 const GET_TAX_SETTING = dist.gql `
   query getTenantSettings {
     tenantSettings {