@saasquatch/mint-components 1.16.0-8 → 2.0.0-0

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/ErrorView.js

@@ -1,30 +1,6 @@
 import { h } from "@stencil/core";
-import { createStyleSheet } from "../../../styling/JSS";
-const styles = {
-  Alert: {
-    "&::part(base)": {
-      backgroundColor: "var(--sl-color-danger-100)",
-      border: "1px solid var(--sl-color-danger-200)",
-      padding: "0 16px",
-    },
-    "& sl-icon": {
-      margin: 0,
-    },
-    "& sl-icon::part(base)": {
-      color: "var(--sl-color-danger-500)",
-      margin: 0,
-    },
-  },
-};
 export const ErrorView = (props) => {
-  const sheet = createStyleSheet(styles);
-  const styleString = sheet.toString();
-  const { classes } = sheet;
-  return (h("div", null,
-    h("style", null, styleString),
-    h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: classes.Alert },
-      h("sl-icon", { slot: "icon", name: "exclamation-octagon", class: "Error" }),
-      h("strong", null, props.loadingErrorAlertHeader),
-      h("br", null),
-      props.loadingErrorAlertDescription)));
+  return (h("sqm-form-message", { type: "error" },
+    h("p", { part: "alert-title" }, props.loadingErrorAlertHeader),
+    h("p", { part: "alert-description" }, props.loadingErrorAlertDescription)));
 };

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js

@@ -2,16 +2,20 @@ import { isDemo, useParentState } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, Prop, h } from "@stencil/core";
 import deepmerge from "deepmerge";
+import { parseStates } from "../../../utils/parseStates";
 import { getProps } from "../../../utils/utils";
 import { ErrorView } from "./ErrorView";
 import LoadingView from "./LoadingView";
-import { TAX_CONTEXT_NAMESPACE } from "./data";
+import { TAX_CONTEXT_NAMESPACE } from "../data";
 import { extractProps } from "./extractProps";
 import { useTaxAndCash } from "./useTaxAndCash";
+import { intl } from "../../../global/global";
 /**
  * @uiName Tax and Cash
  * @exampleGroup Tax and Cash
+ * @validParents ["sqm-portal-container","div","sqm-hero","sqm-instant-access-registration","sqb-program-section","sqb-conditional-section", "template"]
  * @example Tax and Cash Multi Step Form - <sqm-tax-and-cash></sqm-tax-and-cash>
+ * @example 2FA Protected Tax and Cash Form - <sqm-widget-verification-controller><template slot="not-verified"><sqm-widget-verification></sqm-widget-verification></template><template slot="verified"><sqm-tax-and-cash></sqm-tax-and-cash></template></sqm-widget-verification-controller>
  */
 export class TaxAndCashMonolith {
   constructor() {
@@ -272,7 +276,7 @@ export class TaxAndCashMonolith {
      *  @uiGroup Step 3 Properties
      * @uiWidget textArea
      */
-    this.step3_taxFormDescriptionBusinessEntity = "Participants residing outside of the US who represent a business entity need to submit a {documentType} form.";
+    this.step3_taxFormDescriptionBusinessEntity = "Participants residing outside of the US working with a US Brand need to submit a {documentType} form.";
     /**
      * This appears inside the Docusign frame.
      * @uiName Docusign session expired message
@@ -623,7 +627,7 @@ export class TaxAndCashMonolith {
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.dashboard_taxAlertHeaderNotActiveW9 = "Your W9 tax form has personal information that doesn’t match your profile";
+    this.dashboard_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.
      *
@@ -920,28 +924,36 @@ export class TaxAndCashMonolith {
      */
     this.dashboard_verificationRequiredButtonText = "Start Verification";
     /**
-     * @uiName W9 payment threshold alert header
+     * @uiName W-9 payment threshold alert header
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
     this.dashboard_w9RequiredHeader = "Your next payout is on hold";
     /**
-     * @uiName W9 payment threshold alert description
+     * @uiName W-9 payment threshold alert description
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.dashboard_w9RequiredDescription = "You have surpassed the $600 threshold for a W9 tax form. To remove the hold, you need to submit a W9 tax form as outlined in our {termsAndConditions}. Please click 'Submit W9' to start the process.";
+    this.dashboard_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.dashboard_accountReviewHeader = "Your account is under review";
+    /**
+     * @uiName Account review alert description
+     */
+    this.dashboard_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
      * @uiGroup Dashboard Properties
      */
     this.dashboard_termsAndConditions = "Terms and Conditions";
     /**
-     * @uiName W9 payment threshold alert button text
+     * @uiName W-9 payment threshold alert button text
      * @uiGroup Dashboard Properties
      * @uiWidget textArea
      */
-    this.dashboard_w9RequiredButtonText = "Submit W9";
+    this.dashboard_w9RequiredButtonText = "Submit W-9";
     /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                       GENERAL PROPS:
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -1049,6 +1061,16 @@ export class TaxAndCashMonolith {
      * @uiGroup General Form Properties
      */
     this.termsAndConditions = "Terms and Conditions";
+    /**
+     *
+     * @undocumented
+     * @componentState { "title": "Step 1: Personal information", "props": { "step": "/1" }, "dependencies": ["sqm-user-info-form"], "uiGroup": "Step 1 Properties" }
+     * @componentState { "title": "Step 2: Indirect tax", "props": { "step": "/2" }, "dependencies": ["sqm-indirect-tax-form"], "uiGroup": "Step 2 Properties" }
+     * @componentState { "title": "Step 3: Tax form", "props": { "step": "/3" }, "dependencies": ["sqm-docusign-form"], "uiGroup": "Step 3 Properties" }
+     * @componentState { "title": "Step 4: Payment method", "props": { "step": "/4" }, "dependencies": ["sqm-banking-info-form"], "uiGroup": "Step 4 Properties" }
+     * @componentState { "title": "Dashboard", "props": { "step": "/dashboard" }, "dependencies": ["sqm-tax-and-cash-dashboard"], "uiGroup": "Dashboard Properties" }
+     */
+    this.stateController = "{}";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -1105,7 +1127,12 @@ export class TaxAndCashMonolith {
       case "/dashboard":
         return (h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
       case "/error":
-        return (h(ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: this.loadingErrorAlertDescription }));
+        return (h(ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: intl.formatMessage({
+            id: "loadingErrorAlertDescription",
+            defaultMessage: this.loadingErrorAlertDescription,
+          }, {
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, this.supportLink)),
+          }) }));
     }
     return h(LoadingView, null);
   }
@@ -2169,7 +2196,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "step-3_tax-form-description-business-entity",
       "reflect": false,
-      "defaultValue": "\"Participants residing outside of the US who represent a business entity need to submit a {documentType} form.\""
+      "defaultValue": "\"Participants residing outside of the US working with a US Brand need to submit a {documentType} form.\""
     },
     "step3_docusignExpired": {
       "type": "string",
@@ -3687,7 +3714,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "dashboard_tax-alert-header-not-active-w-9",
       "reflect": false,
-      "defaultValue": "\"Your W9 tax form has personal information that doesn\u2019t match your profile\""
+      "defaultValue": "\"Your W-9 tax form has personal information that doesn\u2019t match your profile\""
     },
     "dashboard_taxAlertHeaderNotActiveW8": {
       "type": "string",
@@ -4910,7 +4937,7 @@ export class TaxAndCashMonolith {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "W9 payment threshold alert header",
+            "text": "W-9 payment threshold alert header",
             "name": "uiName"
           }, {
             "text": "Dashboard Properties",
@@ -4937,7 +4964,7 @@ export class TaxAndCashMonolith {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "W9 payment threshold alert description",
+            "text": "W-9 payment threshold alert description",
             "name": "uiName"
           }, {
             "text": "Dashboard Properties",
@@ -4950,7 +4977,49 @@ export class TaxAndCashMonolith {
       },
       "attribute": "dashboard_w-9-required-description",
       "reflect": false,
-      "defaultValue": "\"You have surpassed the $600 threshold for a W9 tax form. To remove the hold, you need to submit a W9 tax form as outlined in our {termsAndConditions}. Please click 'Submit W9' to start the process.\""
+      "defaultValue": "\"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.\""
+    },
+    "dashboard_accountReviewHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Account review alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "dashboard_account-review-header",
+      "reflect": false,
+      "defaultValue": "\"Your account is under review\""
+    },
+    "dashboard_accountReviewDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Account review alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "dashboard_account-review-description",
+      "reflect": false,
+      "defaultValue": "\"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}.\""
     },
     "dashboard_termsAndConditions": {
       "type": "string",
@@ -4988,7 +5057,7 @@ export class TaxAndCashMonolith {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "W9 payment threshold alert button text",
+            "text": "W-9 payment threshold alert button text",
             "name": "uiName"
           }, {
             "text": "Dashboard Properties",
@@ -5001,7 +5070,7 @@ export class TaxAndCashMonolith {
       },
       "attribute": "dashboard_w-9-required-button-text",
       "reflect": false,
-      "defaultValue": "\"Submit W9\""
+      "defaultValue": "\"Submit W-9\""
     },
     "formStep": {
       "type": "string",
@@ -5429,20 +5498,55 @@ export class TaxAndCashMonolith {
       "reflect": false,
       "defaultValue": "\"Terms and Conditions\""
     },
+    "stateController": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "{ \"title\": \"Step 1: Personal information\", \"props\": { \"step\": \"/1\" }, \"dependencies\": [\"sqm-user-info-form\"], \"uiGroup\": \"Step 1 Properties\" }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Step 2: Indirect tax\", \"props\": { \"step\": \"/2\" }, \"dependencies\": [\"sqm-indirect-tax-form\"], \"uiGroup\": \"Step 2 Properties\" }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Step 3: Tax form\", \"props\": { \"step\": \"/3\" }, \"dependencies\": [\"sqm-docusign-form\"], \"uiGroup\": \"Step 3 Properties\" }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Step 4: Payment method\", \"props\": { \"step\": \"/4\" }, \"dependencies\": [\"sqm-banking-info-form\"], \"uiGroup\": \"Step 4 Properties\" }",
+            "name": "componentState"
+          }, {
+            "text": "{ \"title\": \"Dashboard\", \"props\": { \"step\": \"/dashboard\" }, \"dependencies\": [\"sqm-tax-and-cash-dashboard\"], \"uiGroup\": \"Dashboard Properties\" }",
+            "name": "componentState"
+          }],
+        "text": ""
+      },
+      "attribute": "state-controller",
+      "reflect": false,
+      "defaultValue": "\"{}\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "DemoData<UseTaxAndCashResultType>",
-        "resolved": "{ loading?: boolean; setStep?: (value: string) => void; step?: string; context?: TaxContext; namespace?: string; }",
+        "original": "DemoData<TaxAndCashMonolith>",
+        "resolved": "{ step1_firstName?: string; step1_lastName?: string; step1_email?: string; step1_country?: string; step1_phoneNumber?: string; step1_address?: string; step1_city?: string; step1_state?: string; step1_province?: string; step1_region?: string; step1_postalCode?: string; step1_currency?: string; step1_currencyHelpText?: string; step1_allowBankingCollection?: string; step1_personalInformation?: string; step1_termsAndConditionsLabel?: string; step1_termsAndConditionsLink?: string; step1_searchForCurrencyText?: string; step2_indirectTax?: string; step2_indirectTaxDescription?: string; step2_indirectTaxDetails?: string; step2_otherRegion?: string; step2_otherRegionSubtext?: string; step2_notRegistered?: string; step2_notRegisteredSubtext?: string; step2_selectedRegion?: string; step2_indirectTaxNumber?: string; step2_province?: string; step2_indirectTaxNumberError?: string; step2_qstNumber?: string; step2_isRegisteredQST?: string; step2_isRegisteredSubRegionIncomeTax?: string; step2_subRegion?: string; step2_subRegionTaxNumberLabel?: string; step2_cannotChangeInfoAlert?: string; step3_taxForm?: string; step3_taxFormLabel?: string; step3_participantType?: string; step3_businessEntity?: string; step3_individualParticipant?: string; step3_taxFormDescription?: string; step3_taxFormDescriptionIndividualParticipant?: string; step3_taxFormDescriptionBusinessEntity?: string; step3_docusignExpired?: string; step3_docusignSessionWarning?: string; step3_docusignError?: string; step3_refreshButton?: string; step3_exitButton?: string; step3_modalTitle?: string; step3_modalDescription?: string; step3_modalButtonText?: string; step4_taxAndPayouts?: string; step4_directlyToBankAccount?: string; step4_toPayPalAccount?: string; step4_paymentScheduleBalanceThreshold?: string; step4_paymentScheduleFixedDay?: string; step4_paymentDaySelectLabel?: string; step4_paymentThresholdSelectLabel?: string; step4_paymentDayFirstOfMonthLabelText?: string; step4_paymentDayFifteenthOfMonthLabelText?: string; step4_paymentMethod?: string; step4_paymentSchedule?: string; step4_paymentMethodSubtext?: string; step4_payPalInputLabel?: string; step4_bankLocationLabel?: string; step4_beneficiaryAccountNameLabel?: string; step4_beneficiaryAccountNameDescription?: string; step4_bankAccountTypeLabel?: string; step4_checkingSelectItemLabel?: string; step4_savingsSelectItemLabel?: string; step4_bankAccountNumberLabel?: string; step4_ibanLabel?: string; step4_swiftCodeLabel?: string; step4_routingCodeLabel?: string; step4_bankNameLabel?: string; step4_classificationEntityLabel?: string; step4_businessSelectItemLabel?: string; step4_individualSelectItemLabel?: string; step4_foreignSelectItemLabel?: string; step4_classificationCPFLabel?: string; step4_patronymicNameLabel?: string; step4_voCodeLabel?: string; step4_agencyCodeLabel?: string; step4_branchCodeLabel?: string; step4_classificationLabel?: string; step4_taxPayerIdLabel?: string; step4_bankAddressLabel?: string; step4_bankCityLabel?: string; step4_bankStateLabel?: string; step4_bankPostalCodeLabel?: string; step4_eftWithdrawalLabel?: string; step4_fxWireProcessingFeeLabel?: string; step4_verifyEmailHeaderText?: string; step4_verifyEmailDescriptionText?: string; step4_modalTitle?: string; step4_modalDescription?: string; step4_modalButtonText?: string; dashboard_statusTextActive?: string; dashboard_statusTextNotActive?: string; dashboard_statusTextNotVerified?: string; dashboard_statusTextRequired?: string; dashboard_requiredTaxForm?: string; dashboard_badgeTextSubmittedOn?: string; dashboard_badgeTextSubmittedOnW8?: string; dashboard_badgeTextAwaitingReview?: string; dashboard_taxAlertHeaderNotActiveW9?: string; dashboard_taxAlertHeaderNotActiveW8?: string; dashboard_taxAlertNotActiveMessageW9?: string; dashboard_taxAlertNotActiveMessageW8?: string; dashboard_invalidForm?: string; dashboard_bankingInformationSectionHeader?: string; dashboard_taxDocumentSectionHeader?: string; dashboard_taxDocumentSectionSubHeader?: string; dashboard_noFormNeededSubtext?: string; dashboard_indirectTaxInfoSectionHeader?: string; dashboard_indirectTaxInfoCanada?: string; dashboard_indirectTaxInfoOtherCountry?: string; dashboard_indirectTaxInfoSpain?: string; dashboard_indirectTaxTooltipSupport?: string; dashboard_indirectTaxDetails?: string; dashboard_newFormButton?: string; dashboard_editPaymentInformationButton?: string; dashboard_notRegisteredForTax?: string; dashboard_qstNumber?: string; dashboard_subRegionTaxNumber?: string; dashboard_statusBadgeText?: string; dashboard_thresholdPayoutText?: string; dashboard_accountText?: string; dashboard_invoiceColumnTitle?: string; dashboard_dateColumnTitle?: string; dashboard_earningsColumnTitle?: string; dashboard_indirectTaxColumnTitle?: string; dashboard_payoutFromImpact?: string; dashboard_earningsAfterTaxColumnTitle?: string; dashboard_payoutHoldAlertHeader?: string; dashboard_payoutHoldAlertDescription?: string; dashboard_payoutMissingInformationText?: string; dashboard_invoiceDescription?: string; dashboard_invoicePrevLabel?: string; dashboard_invoiceMoreLabel?: string; dashboard_invoiceHeader?: string; dashboard_invoiceEmptyStateHeader?: string; dashboard_invoiceEmptyStateText?: string; dashboard_replaceTaxFormModalHeader?: string; dashboard_replaceTaxFormModalBodyText?: string; dashboard_verificationRequiredHeader?: string; dashboard_verificationRequiredDescription?: string; dashboard_verificationRequiredInternalHeader?: string; dashboard_verificationRequiredInternalDescription?: string; dashboard_verificationReviewInternalHeader?: string; dashboard_verificationReviewInternalDescription?: string; dashboard_verificationFailedInternalHeader?: string; dashboard_verificationFailedInternalDescription?: string; dashboard_verificationRequiredButtonText?: string; dashboard_w9RequiredHeader?: string; dashboard_w9RequiredDescription?: string; dashboard_accountReviewHeader?: string; dashboard_accountReviewDescription?: string; dashboard_termsAndConditions?: string; dashboard_w9RequiredButtonText?: string; formStep?: string; generalErrorTitle?: string; generalErrorDescription?: string; fieldRequiredError?: string; invalidCharacterError?: string; fieldInvalidError?: string; continueButton?: string; backButton?: string; cancelButton?: string; isPartnerAlertHeader?: string; isPartnerAlertDescription?: string; searchForCountryText?: string; loadingErrorAlertHeader?: string; loadingErrorAlertDescription?: string; taxAndPayoutsDescription?: string; supportLink?: string; termsAndConditions?: string; stateController?: string; demoData?: Partial<Pick<TaxAndCashMonolith, \"step1_firstName\" | \"step1_lastName\" | \"step1_email\" | \"step1_country\" | \"step1_phoneNumber\" | \"step1_address\" | \"step1_city\" | \"step1_state\" | \"step1_province\" | \"step1_region\" | \"step1_postalCode\" | \"step1_currency\" | \"step1_currencyHelpText\" | \"step1_allowBankingCollection\" | \"step1_personalInformation\" | \"step1_termsAndConditionsLabel\" | \"step1_termsAndConditionsLink\" | \"step1_searchForCurrencyText\" | \"step2_indirectTax\" | \"step2_indirectTaxDescription\" | \"step2_indirectTaxDetails\" | \"step2_otherRegion\" | \"step2_otherRegionSubtext\" | \"step2_notRegistered\" | \"step2_notRegisteredSubtext\" | \"step2_selectedRegion\" | \"step2_indirectTaxNumber\" | \"step2_province\" | \"step2_indirectTaxNumberError\" | \"step2_qstNumber\" | \"step2_isRegisteredQST\" | \"step2_isRegisteredSubRegionIncomeTax\" | \"step2_subRegion\" | \"step2_subRegionTaxNumberLabel\" | \"step2_cannotChangeInfoAlert\" | \"step3_taxForm\" | \"step3_taxFormLabel\" | \"step3_participantType\" | \"step3_businessEntity\" | \"step3_individualParticipant\" | \"step3_taxFormDescription\" | \"step3_taxFormDescriptionIndividualParticipant\" | \"step3_taxFormDescriptionBusinessEntity\" | \"step3_docusignExpired\" | \"step3_docusignSessionWarning\" | \"step3_docusignError\" | \"step3_refreshButton\" | \"step3_exitButton\" | \"step3_modalTitle\" | \"step3_modalDescription\" | \"step3_modalButtonText\" | \"step4_taxAndPayouts\" | \"step4_directlyToBankAccount\" | \"step4_toPayPalAccount\" | \"step4_paymentScheduleBalanceThreshold\" | \"step4_paymentScheduleFixedDay\" | \"step4_paymentDaySelectLabel\" | \"step4_paymentThresholdSelectLabel\" | \"step4_paymentDayFirstOfMonthLabelText\" | \"step4_paymentDayFifteenthOfMonthLabelText\" | \"step4_paymentMethod\" | \"step4_paymentSchedule\" | \"step4_paymentMethodSubtext\" | \"step4_payPalInputLabel\" | \"step4_bankLocationLabel\" | \"step4_beneficiaryAccountNameLabel\" | \"step4_beneficiaryAccountNameDescription\" | \"step4_bankAccountTypeLabel\" | \"step4_checkingSelectItemLabel\" | \"step4_savingsSelectItemLabel\" | \"step4_bankAccountNumberLabel\" | \"step4_ibanLabel\" | \"step4_swiftCodeLabel\" | \"step4_routingCodeLabel\" | \"step4_bankNameLabel\" | \"step4_classificationEntityLabel\" | \"step4_businessSelectItemLabel\" | \"step4_individualSelectItemLabel\" | \"step4_foreignSelectItemLabel\" | \"step4_classificationCPFLabel\" | \"step4_patronymicNameLabel\" | \"step4_voCodeLabel\" | \"step4_agencyCodeLabel\" | \"step4_branchCodeLabel\" | \"step4_classificationLabel\" | \"step4_taxPayerIdLabel\" | \"step4_bankAddressLabel\" | \"step4_bankCityLabel\" | \"step4_bankStateLabel\" | \"step4_bankPostalCodeLabel\" | \"step4_eftWithdrawalLabel\" | \"step4_fxWireProcessingFeeLabel\" | \"step4_verifyEmailHeaderText\" | \"step4_verifyEmailDescriptionText\" | \"step4_modalTitle\" | \"step4_modalDescription\" | \"step4_modalButtonText\" | \"dashboard_statusTextActive\" | \"dashboard_statusTextNotActive\" | \"dashboard_statusTextNotVerified\" | \"dashboard_statusTextRequired\" | \"dashboard_requiredTaxForm\" | \"dashboard_badgeTextSubmittedOn\" | \"dashboard_badgeTextSubmittedOnW8\" | \"dashboard_badgeTextAwaitingReview\" | \"dashboard_taxAlertHeaderNotActiveW9\" | \"dashboard_taxAlertHeaderNotActiveW8\" | \"dashboard_taxAlertNotActiveMessageW9\" | \"dashboard_taxAlertNotActiveMessageW8\" | \"dashboard_invalidForm\" | \"dashboard_bankingInformationSectionHeader\" | \"dashboard_taxDocumentSectionHeader\" | \"dashboard_taxDocumentSectionSubHeader\" | \"dashboard_noFormNeededSubtext\" | \"dashboard_indirectTaxInfoSectionHeader\" | \"dashboard_indirectTaxInfoCanada\" | \"dashboard_indirectTaxInfoOtherCountry\" | \"dashboard_indirectTaxInfoSpain\" | \"dashboard_indirectTaxTooltipSupport\" | \"dashboard_indirectTaxDetails\" | \"dashboard_newFormButton\" | \"dashboard_editPaymentInformationButton\" | \"dashboard_notRegisteredForTax\" | \"dashboard_qstNumber\" | \"dashboard_subRegionTaxNumber\" | \"dashboard_statusBadgeText\" | \"dashboard_thresholdPayoutText\" | \"dashboard_accountText\" | \"dashboard_invoiceColumnTitle\" | \"dashboard_dateColumnTitle\" | \"dashboard_earningsColumnTitle\" | \"dashboard_indirectTaxColumnTitle\" | \"dashboard_payoutFromImpact\" | \"dashboard_earningsAfterTaxColumnTitle\" | \"dashboard_payoutHoldAlertHeader\" | \"dashboard_payoutHoldAlertDescription\" | \"dashboard_payoutMissingInformationText\" | \"dashboard_invoiceDescription\" | \"dashboard_invoicePrevLabel\" | \"dashboard_invoiceMoreLabel\" | \"dashboard_invoiceHeader\" | \"dashboard_invoiceEmptyStateHeader\" | \"dashboard_invoiceEmptyStateText\" | \"dashboard_replaceTaxFormModalHeader\" | \"dashboard_replaceTaxFormModalBodyText\" | \"dashboard_verificationRequiredHeader\" | \"dashboard_verificationRequiredDescription\" | \"dashboard_verificationRequiredInternalHeader\" | \"dashboard_verificationRequiredInternalDescription\" | \"dashboard_verificationReviewInternalHeader\" | \"dashboard_verificationReviewInternalDescription\" | \"dashboard_verificationFailedInternalHeader\" | \"dashboard_verificationFailedInternalDescription\" | \"dashboard_verificationRequiredButtonText\" | \"dashboard_w9RequiredHeader\" | \"dashboard_w9RequiredDescription\" | \"dashboard_accountReviewHeader\" | \"dashboard_accountReviewDescription\" | \"dashboard_termsAndConditions\" | \"dashboard_w9RequiredButtonText\" | \"formStep\" | \"generalErrorTitle\" | \"generalErrorDescription\" | \"fieldRequiredError\" | \"invalidCharacterError\" | \"fieldInvalidError\" | \"continueButton\" | \"backButton\" | \"cancelButton\" | \"isPartnerAlertHeader\" | \"isPartnerAlertDescription\" | \"searchForCountryText\" | \"loadingErrorAlertHeader\" | \"loadingErrorAlertDescription\" | \"taxAndPayoutsDescription\" | \"supportLink\" | \"termsAndConditions\" | \"stateController\" | \"demoData\" | \"disconnectedCallback\" | \"getGeneralStepTextProps\" | \"render\">>; disconnectedCallback?: () => void; getGeneralStepTextProps?: (prefix: string) => PickPrefix<TaxAndCashMonolith, string> & { generalErrorTitle: string; generalErrorDescription: string; fieldRequiredError: string; invalidCharacterError: string; fieldInvalidError: string; continueButton: string; backButton: string; cancelButton: string; isPartnerAlertHeader: string; isPartnerAlertDescription: string; loadingErrorAlertHeader: string; loadingErrorAlertDescription: string; taxAndPayoutsDescription: string; searchForCountryText: string; formStep: string; supportLink: string; }; render?: () => any; }",
         "references": {
           "DemoData": {
             "location": "import",
             "path": "../../../global/demo"
           },
-          "UseTaxAndCashResultType": {
-            "location": "import",
-            "path": "./useTaxAndCash"
+          "TaxAndCashMonolith": {
+            "location": "global"
           }
         }
       },
@@ -5452,9 +5556,6 @@ export class TaxAndCashMonolith {
         "tags": [{
             "text": undefined,
             "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
           }],
         "text": ""
       }
@@ -5466,8 +5567,12 @@ function useDemoTaxAndCash(props) {
     namespace: TAX_CONTEXT_NAMESPACE,
     initialValue: "/1",
   });
+  const states = parseStates(props.stateController);
+  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-tax-and-cash"
+    ? { ...prev, ...states[key] }
+    : { ...prev, [`${key}_stateController`]: states[key] }, {});
   return deepmerge({
     step,
     setStep,
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+  }, props.demoData || formatted || {}, { arrayMerge: (_, a) => a });
 }

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.js

@@ -1,7 +1,7 @@
 import { getContextValueName, useHost, useLocale, useParentQuery, useParentState, useUserIdentity, } from "@saasquatch/component-boilerplate";
 import { useEffect, useMemo } from "@saasquatch/universal-hooks";
 import { getCountryObj } from "../utils";
-import { COUNTRIES_NAMESPACE, COUNTRIES_QUERY_NAMESPACE, CURRENCIES_NAMESPACE, CURRENCIES_QUERY_NAMESPACE, FINANCE_NETWORK_SETTINGS_NAMESPACE, GET_COUNTRIES, GET_CURRENCIES, GET_FINANCE_NETWORK_SETTINGS, GET_USER, SORTED_COUNTRIES_NAMESPACE, TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "./data";
+import { COUNTRIES_NAMESPACE, COUNTRIES_QUERY_NAMESPACE, CURRENCIES_NAMESPACE, CURRENCIES_QUERY_NAMESPACE, FINANCE_NETWORK_SETTINGS_NAMESPACE, GET_COUNTRIES, GET_CURRENCIES, GET_FINANCE_NETWORK_SETTINGS, GET_USER, SORTED_COUNTRIES_NAMESPACE, TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "../data";
 function getCurrentStep(user) {
   var _a, _b;
   if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) || !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js

@@ -200,19 +200,36 @@ export const TaxAndCashDashboardView = (props) => {
   function getAlert(status) {
     switch (status) {
       case "OVER_W9_THRESHOLD":
-        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,
-        };
+        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,
@@ -262,10 +279,24 @@ export const TaxAndCashDashboardView = (props) => {
           }, {
             supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
           }),
-          alertType: "critical",
+          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,
@@ -316,7 +347,7 @@ export const TaxAndCashDashboardView = (props) => {
       })))),
   };
   const alertMap = {
-    INACTIVE: (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet.classes.ErrorAlertContainer },
+    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`,
@@ -369,7 +400,7 @@ export const TaxAndCashDashboardView = (props) => {
     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, class: sheet.classes.ErrorAlertContainer },
+        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),
@@ -402,12 +433,11 @@ export const TaxAndCashDashboardView = (props) => {
       states.status === "INACTIVE" && alertMap[states.status],
       h("div", null,
         h("h3", { style: { marginBottom: "0" } }, text.bankingInformationSectionHeader),
-        h("p", { class: sheet.classes.PageDescriptionText }, text.taxAndPayoutsDescription),
         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 && (h("div", { class: sheet.classes.TaxDocumentsContainer },
+      (!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,
@@ -418,10 +448,11 @@ export const TaxAndCashDashboardView = (props) => {
                   id: "section-subheader",
                   defaultMessage: text.taxDocumentSectionSubHeader,
                 }, {
-                  documentType: states.documentTypeString,
+                  documentType: states.documentTypeString || "W-9",
                 })),
                 h("span", { class: sheet.classes.StatusAlert }, statusMap[states.status]))),
-            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)))))))),
+            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,