@saasquatch/mint-components 2.0.0-3 → 2.0.0-31

package/dist/esm/sqm-tax-and-cash-dashboard.entry.js

@@ -0,0 +1,1055 @@
+import { h, r as registerInstance, i as Host } from './index-bfb7f924.js';
+import { i as intl } from './global-b1d291bf.js';
+import { i as useState, j as useEffect, o as h$1 } from './dom-context-hooks.module-01c1b885.js';
+import { d as dist, q as En, w as wn, L, x as $n, i as isDemo } from './index.module-83586215.js';
+import './GoogleFonts-e3a7f82a.js';
+import './jss-preset-default.esm-c36417f8.js';
+import { c as createStyleSheet } from './JSS-8c381d8b.js';
+import { g as getProps } from './utils-643261a0.js';
+import { c as cjs } from './cjs-e829b75b.js';
+import { l as luxon } from './luxon-58a4306e.js';
+import { a as INDIRECT_TAX_PROVINCES, I as INDIRECT_TAX_SPAIN_REGIONS } from './subregions-ae091902.js';
+import { t as taxTypeToName } from './utils-97fcb89a.js';
+import { v as vatLabels } from './countries-1d6f807a.js';
+import { p as parseStates } from './parseStates-ed75e224.js';
+import { T as TAX_CONTEXT_NAMESPACE, a as TAX_FORM_CONTEXT_NAMESPACE, c as USER_QUERY_NAMESPACE } from './data-7ce5b518.js';
+import './eventKeys-f76b6a03.js';
+import { a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-4bc60adb.js';
+
+const style = {
+  ErrorAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-red-100)",
+      borderTop: "none",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
+  WarningAlertContainer: {
+    "&::part(base)": {
+      backgroundColor: "var(--sl-color-yellow-100)",
+      borderTop: "none",
+      maxWidth: "600px",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-warning-500)",
+    },
+  },
+  WarningHoldAlertContainer: {
+    marginLeft: "-20px",
+    "&::part(base)": {
+      maxWidth: "850px",
+      border: "none",
+      backgroundColor: "transparent",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-warning-500)",
+    },
+  },
+  ErrorHoldAlertContainer: {
+    marginLeft: "-20px",
+    "&::part(base)": {
+      maxWidth: "850px",
+      border: "none",
+      backgroundColor: "transparent",
+    },
+    "& sl-icon::part(base)": {
+      color: "var(--sl-color-danger-500)",
+    },
+  },
+  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",
+    gap: "var(--sl-spacing-x-small)",
+    "&::part(base)": {
+      color: "var(--sl-color-green-500)",
+    },
+  },
+  IndirectTaxPreviewDetails: {
+    gap: "var(--sl-spacing-x-small)",
+    display: "flex",
+    flexDirection: "column",
+    lineHeight: "var(--sl-spacing-medium)",
+    fontSize: "var(--sl-font-size-small)",
+  },
+  InvoiceTableContainer: {
+    marginTop: "var(--sl-spacing-medium)",
+  },
+  NotRegisteredIndirectTaxText: {
+    color: "var(--sl-color-gray-500)",
+  },
+  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",
+      color: "var(--sl-color-gray-500)",
+    },
+  },
+  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)",
+  },
+  SkeletonOne: {
+    width: "15%",
+    height: "10px",
+  },
+  SkeletonTwo: {
+    width: "25%",
+    height: "24px",
+    top: "var(--sl-spacing-small)",
+    marginBottom: "var(--sl-spacing-x-small)",
+  },
+  TaxSectionSkeletonContainer: {
+    display: "flex",
+    flexDirection: "column",
+    marginTop: "var(--sl-spacing-x-large)",
+  },
+  TaxDocSubtext: {
+    margin: "0",
+    color: "var(--sl-color-neutral-500)",
+    lineHeight: "var(--sl-spacing-medium)",
+    fontSize: "var(--sl-font-size-small)",
+    marginLeft: "1px",
+  },
+  TooltipContainer: {
+    display: "flex",
+    textAlign: "center",
+    width: "250px",
+  },
+  ToolTip: {
+    top: "6px",
+    width: "16px",
+    height: "16px",
+  },
+  TaxNumberContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "6px",
+  },
+  DescriptionText: {
+    color: "var(--sl-color-gray-500)",
+    fontSize: "var(--sl-font-size-x-small)",
+    marginBottom: "none",
+    maxWidth: "492px",
+  },
+  PageDescriptionText: {
+    color: "var(--sl-color-neutral-500)",
+    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%" },
+};
+const sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+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: "info",
+            icon: "info-circle",
+            class: sheet.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.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.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.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.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.classes.ErrorHoldAlertContainer,
+        };
+      case "ACCOUNT_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.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.classes.WarningHoldAlertContainer,
+        };
+      default:
+        return;
+    }
+  }
+  const statusMap = {
+    NOT_VERIFIED: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
+      h("sl-badge", { type: "warning", pill: true }, text.statusTextNotVerified),
+      h("p", null, intl.formatMessage({
+        id: `badgeTextAwaitingReview`,
+        defaultMessage: text.badgeTextAwaitingReview,
+      }, {
+        dateSubmitted: states.dateSubmitted,
+      })))),
+    ACTIVE: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
+      h("sl-badge", { type: "success", pill: true }, text.statusTextActive),
+      h("p", null, intl.formatMessage({
+        id: `badgeTextSubmittedOn`,
+        defaultMessage: states.documentType === "W9"
+          ? text.badgeTextSubmittedOn
+          : text.badgeTextSubmittedOnW8,
+      }, {
+        dateSubmitted: states.dateSubmitted,
+      })))),
+    INACTIVE: (h("div", { class: sheet.classes.TaxFormDetailsContainer },
+      h("sl-badge", { type: "danger", pill: true }, text.statusTextNotActive),
+      h("p", null, text.invalidForm))),
+    undefined: (h("div", { class: sheet.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", 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.documentTypeString,
+      })),
+      h("br", null),
+      intl.formatMessage({
+        id: `taxAlertMessage`,
+        defaultMessage: states.documentType === "W9"
+          ? text.taxAlertNotActiveMessageW9
+          : text.taxAlertNotActiveMessageW8,
+      }, {
+        documentType: states.documentTypeString,
+      }))),
+  };
+  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);
+  return (h("div", null,
+    h("div", null,
+      h("style", { type: "text/css" }, styleString),
+      states.loadingError && (h("div", null,
+        h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true },
+          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.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("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", name: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, open: true, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class },
+        h("sl-icon", { slot: "icon", name: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon }),
+        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.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
+        h("p", null, text.replaceTaxFormModalBodyText),
+        h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),
+        h("sl-button", { slot: "footer", type: "default", class: sheet.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.classes.BankingInformationContainer },
+          slots.payoutDetailsCardSlot,
+          !states.loading && (h("p", { class: sheet.classes.DescriptionText }, text.payoutFromImpact)),
+          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
+      (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet.classes.TaxDocumentsContainer },
+        h("div", null, states.loading ? (h("div", { class: sheet.classes.TaxSectionSkeletonContainer },
+          h("sl-skeleton", { class: sheet.classes.SkeletonOne }),
+          h("sl-skeleton", { class: sheet.classes.SkeletonTwo }))) : (h("div", null,
+          h("div", null,
+            h("span", { class: sheet.classes.TaxFormDetailsContainer },
+              h("div", { class: sheet.classes.StatusContainer },
+                h("h3", null, intl.formatMessage({
+                  id: "section-subheader",
+                  defaultMessage: text.taxDocumentSectionSubHeader,
+                }, {
+                  documentType: states.documentTypeString || "W-9",
+                })),
+                h("span", { class: sheet.classes.StatusAlert }, statusMap[states.status]))),
+            states.noFormNeeded &&
+              states.status !== "NOT_VERIFIED" && (h("sl-button", { disabled: states.disabled || states.loading, onClick: callbacks.onClick, type: "default", class: sheet.classes.NewFormButton, exportparts: "base: primarybutton-base" }, text.newFormButton)))))))),
+      h("div", { class: sheet.classes.IndirectTaxPreviewContainer }, states.loading ? (h("div", { class: sheet.classes.TaxSectionSkeletonContainer },
+        h("sl-skeleton", { class: sheet.classes.SkeletonOne }),
+        h("sl-skeleton", { class: sheet.classes.SkeletonTwo }))) : (h("div", null,
+        h("h3", { class: sheet.classes.IndirectTaxPreviewHeaderContainer },
+          text.indirectTaxInfoSectionHeader,
+          h("sl-tooltip", { trigger: "hover", placement: "right", content: text.indirectTaxTooltipSupport, class: sheet.classes.TooltipContainer },
+            h("sl-icon", { name: "info-circle", class: sheet.classes.ToolTip }))),
+        h("div", { class: sheet.classes.IndirectTaxPreviewDetails },
+          h("span", null, states.notRegistered ? (h("span", { class: sheet.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.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.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 {
+      enforceUsTaxCompliance
+    }
+  }
+`;
+function getCountryName(countryCode, locale) {
+  if (!countryCode)
+    return undefined;
+  // @ts-ignore: DisplayNames exists on Intl
+  return new Intl.DisplayNames([(locale === null || locale === void 0 ? void 0 : locale.replace("_", "-")) || "en-US"], {
+    type: "region",
+  }).of([countryCode]);
+}
+function getSubRegionName(regionCode) {
+  var _a;
+  if (!regionCode)
+    return "";
+  // Impact adds an underscore to some regions
+  const standardCode = regionCode.replace("_", "");
+  const regions = [...INDIRECT_TAX_PROVINCES, ...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 = [...INDIRECT_TAX_PROVINCES, ...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;
+    if (taxType)
+      return taxType;
+  }
+  // Spain regions only have VAT type
+  if (taxInformation === null || taxInformation === void 0 ? void 0 : taxInformation.withholdingTaxCountryCode)
+    return "VAT";
+  if (taxInformation === null || taxInformation === void 0 ? void 0 : taxInformation.indirectTaxCountryCode) {
+    return vatLabels[taxInformation.indirectTaxCountryCode] || "Indirect Tax";
+  }
+  return "Indirect Tax";
+}
+const useTaxAndCashDashboard = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+  const setStep = En(TAX_CONTEXT_NAMESPACE);
+  const setContext = En(TAX_FORM_CONTEXT_NAMESPACE);
+  const [showDialog, setShowDialog] = useState(false);
+  const { render, loading: veriffLoading, errors: veriffErrors, } = useVeriffApp();
+  const { data: taxSettingRes } = wn(GET_TAX_SETTING, {});
+  const locale = L();
+  useEffect(() => {
+    // Clear override context once on submitted
+    setContext({});
+    if (window.location.hash)
+      setStep(`/${window.location.hash.replace("#", "")}`);
+  }, []);
+  const { data, loading, errors: userError, refetch, } = $n(USER_QUERY_NAMESPACE);
+  const publisher = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
+  const documentType = publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType;
+  const submissionDate = (_c = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _c === void 0 ? void 0 : _c.dateCreated;
+  const dateSubmitted = submissionDate
+    ? luxon.DateTime.fromMillis(submissionDate).toFormat("LLL dd, yyyy")
+    : undefined;
+  const onEditPayoutInfo = () => {
+    setContext({
+      overrideNextStep: "/dashboard",
+      overrideBackStep: "/dashboard",
+      hideSteps: true,
+    });
+    setStep("/4");
+  };
+  const onNewFormClick = () => {
+    setShowDialog(false);
+    setContext({
+      overrideNextStep: "/dashboard",
+      overrideBackStep: "/dashboard",
+      hideSteps: true,
+    });
+    setStep("/3");
+  };
+  const provinceName = (_d = 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 ? getStatus(data) : null;
+  useEffect(() => {
+    const cb = () => refetch();
+    window.addEventListener(VERIFF_COMPLETE_EVENT_KEY, cb);
+    return () => {
+      window.removeEventListener(VERIFF_COMPLETE_EVENT_KEY, cb);
+    };
+  }, []);
+  const enforceUsTaxComplianceOption = (_e = taxSettingRes === null || taxSettingRes === void 0 ? void 0 : taxSettingRes.tenantSettings) === null || _e === void 0 ? void 0 : _e.enforceUsTaxCompliance;
+  return {
+    states: {
+      dateSubmitted,
+      documentType,
+      canEditPayoutInfo: publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup,
+      documentTypeString: 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,
+      qstNumber: (_j = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _j === void 0 ? void 0 : _j.additionalTaxId,
+      indirectTaxType: getIndirectTaxType(publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation),
+      indirectTaxNumber: (_k = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _k === void 0 ? void 0 : _k.indirectTaxId,
+      isBusinessEntity: (publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) === "W8BENE",
+      province: provinceName,
+      country: getCountryName((_l = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _l === void 0 ? void 0 : _l.indirectTaxCountryCode, locale),
+      notRegistered: !((_m = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _m === void 0 ? void 0 : _m.indirectTaxId),
+      noFormNeeded: !documentType,
+      disabled: loading,
+      loading,
+      loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
+      showNewFormDialog: showDialog,
+      hasHold: !!((_o = publisher === null || publisher === void 0 ? void 0 : publisher.payoutsAccount) === null || _o === void 0 ? void 0 : _o.hold),
+      payoutStatus,
+      veriffLoading,
+      enforceUsTaxComplianceOption,
+    },
+    callbacks: {
+      onClick: () => setShowDialog(true),
+      onVerifyClick: () => render(),
+      onEditPayoutInfo,
+      onNewFormCancel: () => setShowDialog(false),
+      onNewFormClick,
+    },
+    text: props.getTextProps(),
+  };
+};
+
+const TaxAndCashDashboard = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * @uiName Active tax form badge label
+     */
+    this.statusTextActive = "Active";
+    /**
+     * @uiName Invalid tax form badge label
+     */
+    this.statusTextNotActive = "Invalid Tax Form";
+    /**
+     * Displayed when the participant submitted their form but it is awaiting review.
+     *
+     * @uiName Not verified tax form badge label
+     */
+    this.statusTextNotVerified = "Not Verified";
+    /**
+     * Displayed when the participant has not submitted their required tax form.
+     *
+     * @uiName Required tax form badge label
+     */
+    this.statusTextRequired = "Required";
+    /**
+     * Additional text displayed next to the tax form's status badge
+     *
+     * @uiName Required tax form description
+     */
+    this.requiredTaxForm = "Your payouts are on hold until you submit a {taxFormType} tax form.";
+    /**
+     * Additional text displayed next to the tax form's status badge
+     *
+     * @uiName Active W-9 description
+     */
+    this.badgeTextSubmittedOn = "Submitted on {dateSubmitted}.";
+    /**
+     * Additional text displayed next to the tax form's status badge.
+     *
+     * @uiName Active W-8 description
+     */
+    this.badgeTextSubmittedOnW8 = "Submitted on {dateSubmitted}. Valid for three years after submission.";
+    /**
+     * Additional text displayed next to the tax form's status badge.
+     *
+     * @uiName Tax form in review description
+     */
+    this.badgeTextAwaitingReview = "Awaiting review. Submitted on {dateSubmitted}.";
+    /**
+     * Part of the alert displayed at the top of the page.
+     *
+     * @uiName Inactive W-9 error message title
+     * @uiWidget textArea
+     */
+    this.taxAlertHeaderNotActiveW9 = "Your W-9 tax form has personal information that doesn’t match your profile";
+    /**
+     * Part of the alert displayed at the top of the page.
+     *
+     * @uiName Inactive W-8 error message title
+     * @uiWidget textArea
+     */
+    this.taxAlertHeaderNotActiveW8 = "{documentType} tax form is invalid";
+    /**
+     * Part of the alert displayed at the top of the page.
+     *
+     * @uiName Inactive W-9 error message description
+     * @uiWidget textArea
+     */
+    this.taxAlertNotActiveMessageW9 = "Please resubmit a new {documentType} form.";
+    /**
+     * Part of the alert displayed at the top of the page.
+     *
+     * @uiName Inactive W-8 error message description
+     */
+    this.taxAlertNotActiveMessageW8 = "Your tax form may have expired or has personal information that doesn’t match your profile. Please submit a new {documentType} form.";
+    /**
+     * Additional text displayed next to the tax form's status badge.
+     *
+     * @uiName Invalid tax form description
+     * @uiWidget textArea
+     */
+    this.invalidForm = "Make sure your information is correct and submit new form.";
+    /**
+     * @uiName Payout information section header
+     */
+    this.bankingInformationSectionHeader = "Payout information";
+    /**
+     * @uiName Tax document section header
+     */
+    this.taxDocumentSectionHeader = "Tax documents";
+    /**
+     * Displayed under the tax document section header.
+     *
+     * @uiName Tax documents section description
+     */
+    this.taxDocumentSectionSubHeader = "{documentType} tax form";
+    /**
+     *
+     * @uiName Indirect tax section header
+     */
+    this.indirectTaxInfoSectionHeader = "Indirect tax";
+    /**
+     * If the participant is registered for indirect tax in Canada, display the province they’re registered in.
+     *
+     * @uiName Canadian province of indirect tax
+     */
+    this.indirectTaxInfoCanada = "Registered in {province}, {country}";
+    /**
+     * If the participant is registered for indirect tax, display the country they’re registered in.
+     *
+     * @uiName Indirect tax country
+     */
+    this.indirectTaxInfoOtherCountry = "Registered in {country}";
+    /**
+     * If the participant is registered for indirect tax in Spain, display the region they’re registered in.
+     *
+     * @uiName Spanish region of indirect tax
+     */
+    this.indirectTaxInfoSpain = "Registered in {country}, {subRegion}";
+    /**
+     * @uiName Indirect tax tooltip
+     * @uiWidget textArea
+     */
+    this.indirectTaxTooltipSupport = "To make changes to your indirect tax information, please contact our Support team.";
+    /**
+     * Displayed to participants who have submitted their indirect tax information.
+     *
+     * @uiName Indirect tax details
+     */
+    this.indirectTaxDetails = "{indirectTaxType} number: {indirectTaxNumber}";
+    /**
+     * @uiName Submit new tax form button label
+     */
+    this.newFormButton = "Submit new form";
+    /**
+     *
+     * @uiName Edit payment info button label
+     */
+    this.editPaymentInformationButton = "Edit Payout Information";
+    /**
+     * @uiName Not registered for indirect tax text
+     * @uiWidget textArea
+     */
+    this.notRegisteredForTax = "Not registered for indirect tax. If you’ve previously registered with your tax authority, contact our {supportLink} to add your information to stay tax compliant.";
+    /**
+     * Displayed to participants registered in Quebec, Canada.
+     * @uiName QST indirect tax details
+     */
+    this.qstNumber = "QST number: {qstNumber}";
+    /**
+     * @uiName Spain sub-region indirect tax number
+     */
+    this.subRegionTaxNumber = "Income tax number: {subRegionTaxNumber}";
+    /**
+     * @uiName Payout status badge
+     */
+    this.statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+    /**
+     * Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid.
+     * @uiName Payout schedule by threshold text
+     */
+    this.thresholdPayoutText = "Next payout occurs when balance is {thresholdBalance}";
+    /**
+     * Shown before the participant’s bank account information.
+     * @uiName Bank account field label
+     */
+    this.accountText = "Account";
+    /**
+     * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
+     * @uiName Payout error message title
+     * @uiWidget textArea
+     */
+    this.payoutHoldAlertHeader = "Your payout is on hold";
+    /**
+     * Part of the alert displayed at the top of the page when there’s been an issue preventing payouts.
+     * @uiName Payout error message description
+     * @uiWidget textArea
+     */
+    this.payoutHoldAlertDescription = "Please contact our {supportLink} or check your inbox for an email from our referral program provider, impact.com.";
+    /**
+     * Text displayed for existing publishers that do not have saved banking information.
+     * @uiName Payout missing information subtext
+     */
+    this.payoutMissingInformationText = "Missing banking information, go to Impact.com to resolve.";
+    /**
+     * Part of the alert displayed at the top of the page when the user needs to verify their identity.
+     * @uiName Verification required alert message title
+     * @uiWidget textArea
+     */
+    this.verificationRequiredHeader = "Verify your identity";
+    /**
+     * Part of the alert displayed at the top of the page when the user needs to verify their identity
+     * @uiName Verification required alert message description
+     * @uiWidget textArea
+     */
+    this.verificationRequiredDescription = "Complete your verification to start receiving your cash rewards. It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.";
+    /**
+     * @uiName Verification required internal alert header
+     */
+    this.verificationRequiredInternalHeader = "Identity Verification in Progress";
+    /**
+     * @uiName Verification required internal alert description
+     */
+    this.verificationRequiredInternalDescription = "Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.";
+    /**
+     * @uiName Verification review internal alert header
+     */
+    this.verificationReviewInternalHeader = "Identity Verification Under Review";
+    /**
+     * @uiName Verification review internal alert description
+     */
+    this.verificationReviewInternalDescription = "Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.";
+    /**
+     * @uiName Verification failed internal alert header
+     */
+    this.verificationFailedInternalHeader = "Identity Verification Unsuccessful";
+    /**
+     * @uiName Verification failed internal alert description
+     */
+    this.verificationFailedInternalDescription = "Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.";
+    /**
+     * Part of the alert displayed at the top of the page when the user needs to verify their identity.
+     * @uiName Verification required alert button text
+     */
+    this.verificationRequiredButtonText = "Start Verification";
+    /**
+     * @uiName W-9 payment threshold alert header
+     */
+    this.w9RequiredHeader = "Your next payout is on hold";
+    /**
+     * @uiName W-9 payment threshold alert description
+     */
+    this.w9RequiredDescription = "You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.";
+    /**
+     * @uiName Account review alert header
+     */
+    this.accountReviewHeader = "Your account is under review";
+    /**
+     * @uiName Account review alert description
+     */
+    this.accountReviewDescription = "This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.";
+    /**
+     * @uiName Terms and Conditions text
+     */
+    this.termsAndConditions = "Terms and Conditions";
+    /**
+     * @uiName W-9 payment threshold alert button text
+     */
+    this.w9RequiredButtonText = "Submit W-9";
+    /**
+     * Part of the alert displayed at the top of the page.
+     * @uiName Form submission error message title
+     * @uiWidget textArea
+     */
+    this.generalErrorTitle = "There was a problem submitting your information";
+    /**
+     * Part of the alert displayed at the top of the page.
+     * @uiName Form submission error message description
+     * @uiWidget textArea
+     */
+    this.generalErrorDescription = "Please review your information and try again. If this problem continues, contact our {supportLink}.";
+    /**
+     * Displayed under the payout details card.
+     * @uiName Payout from impact text
+     * @uiWidget textArea
+     */
+    this.payoutFromImpact = "Your balance may take up to 24 hours to update. Payouts will be sent from our referral program provider, impact.com.";
+    /**
+     * Part of the alert displayed at the top of the page.
+     * @uiName Page load error message title
+     * @uiWidget textArea
+     */
+    this.loadingErrorAlertHeader = "There was a problem loading your form";
+    /**
+     * Part of the alert displayed at the top of the page.
+     * @uiName Page load error message description
+     * @uiWidget textArea
+     */
+    this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact our {supportLink}.";
+    /**
+     * Part of the Invoice table displayed at the bottom of the page.
+     * @uiName Invoice number column title
+     */
+    this.invoiceColumnTitle = "Invoice";
+    /**
+     * Part of the Invoice table displayed at the bottom of the page.
+     * @uiName Date column title
+     */
+    this.dateColumnTitle = "Date";
+    /**
+     * Part of the Invoice table displayed at the bottom of the page.
+     * @uiName Earnings column title
+     */
+    this.earningsColumnTitle = "Earnings";
+    /**
+     * Part of the Invoice table displayed at the bottom of the page.
+     * @uiName Indirect tax column title
+     */
+    this.indirectTaxColumnTitle = "Indirect tax";
+    /**
+     * Part of the Invoice table displayed at the bottom of the page.
+     * @uiName Earnings after tax column title
+     */
+    this.earningsAfterTaxColumnTitle = "Earnings after tax";
+    /** @uiName Invoice table description  */
+    this.invoiceDescription = "View and download your invoices to report your earnings and stay tax compliant.";
+    /** @uiName Invoice table previous page button label  */
+    this.invoicePrevLabel = "Prev";
+    /** @uiName Invoice table next page button label  */
+    this.invoiceMoreLabel = "Next";
+    /** @uiName Invoice table title */
+    this.invoiceHeader = "Invoices";
+    /** @uiName Empty invoice table header  */
+    this.invoiceEmptyStateHeader = "View your invoice details";
+    /** @uiName Empty invoice table description  */
+    this.invoiceEmptyStateText = "Refer a friend to view the status of your invoices and rewards earned";
+    /**
+     * @uiName Replace tax form modal header
+     */
+    this.replaceTaxFormModalHeader = "Replace existing tax form";
+    /**
+     * @uiName Replace tax form modal body text
+     */
+    this.replaceTaxFormModalBodyText = "Submitting a new tax form will remove your existing form. Make sure to sign and complete your new tax form to prevent any issues with your next payout.";
+    /**
+     * @uiName Support link text
+     */
+    this.supportLink = "support team";
+    /**
+     * @uiName Cancel button label
+     */
+    this.cancelButton = "Cancel";
+    /**
+     * @undocumented
+     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "dependencies": ["sqm-payout-status-alert"] "uiGroup": "Dashboard Properties" }
+     */
+    this.stateController = "{}";
+    h$1(this);
+  }
+  disconnectedCallback() { }
+  getTextProps() {
+    const props = getProps(this);
+    return {
+      ...props,
+      error: {
+        generalDescription: props.generalErrorDescription,
+        generalTitle: props.generalErrorTitle,
+        loadingErrorAlertHeader: props.loadingErrorAlertHeader,
+        loadingErrorAlertDescription: props.loadingErrorAlertDescription,
+      },
+    };
+  }
+  render() {
+    const props = isDemo()
+      ? useDemoTaxAndCashDashboard(this)
+      : useTaxAndCashDashboard(this);
+    return (h(Host, null, h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
+        payoutDetailsCardSlot: (h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
+      } })));
+  }
+};
+function useDemoTaxAndCashDashboard(props) {
+  var _a, _b, _c, _d;
+  const parsed = parseStates(props.stateController);
+  const formatted = parsed["sqm-tax-and-cash-dashboard"] !== undefined
+    ? parsed["sqm-tax-and-cash-dashboard"]
+    : {};
+  const parsedPayoutStatus = (_b = (_a = formatted === null || formatted === void 0 ? void 0 : formatted.states) === null || _a === void 0 ? void 0 : _a.payoutStatus) !== null && _b !== void 0 ? _b : (_d = (_c = props.demoData) === null || _c === void 0 ? void 0 : _c.states) === null || _d === void 0 ? void 0 : _d.payoutStatus;
+  // @ts-ignore
+  return cjs({
+    states: {
+      dateSubmitted: "today",
+      documentType: "W9",
+      documentTypeString: "W-9",
+      status: "ACTIVE",
+      country: "United States",
+      indirectTaxNumber: "55555555",
+      indirectTaxType: "Indirect Tax",
+      noFormNeeded: false,
+      disabled: false,
+      loading: false,
+      showNewFormDialog: false,
+      hasHold: false,
+      subRegion: "CA",
+      subRegionTaxNumber: undefined,
+      qstNumber: undefined,
+      isBusinessEntity: false,
+      province: undefined,
+      notRegistered: true,
+      loadingError: false,
+      payoutStatus: parsedPayoutStatus || "DONE",
+      veriffLoading: false,
+      canEditPayoutInfo: true,
+    },
+    callbacks: {
+      onClick: () => console.debug("check step"),
+      onEditPayoutInfo: () => console.debug("payout info"),
+      onNewFormCancel: () => console.log("hide"),
+      onNewFormClick: () => console.log("show"),
+      onVerifyClick: () => console.log("verify"),
+    },
+    text: props.getTextProps(),
+    slots: {
+      payoutDetailsCardSlot: (h("sqm-payout-details-card", { demoData: {
+          states: {
+            badgeStatus: "nextPayout",
+          },
+        } })),
+    },
+  }, props.demoData || formatted || {}, { arrayMerge: (_, a) => a });
+}
+
+export { TaxAndCashDashboard as sqm_tax_and_cash_dashboard };