@saasquatch/mint-components 1.8.0-99 → 1.8.0

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

@@ -1,9 +1,9 @@
 import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Host, Prop, h } from "@stencil/core";
+import { Component, h, Host, Prop } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { getProps } from "../../../utils/utils";
-import { TaxAndCashDashboardView, } from "./sqm-tax-and-cash-dashboard-view";
+import { TaxAndCashDashboardView } from "./sqm-tax-and-cash-dashboard-view";
 import { useTaxAndCashDashboard, } from "./useTaxAndCashDashboard";
 /**
  * @uiName Tax and Cash Status Dashboard
@@ -11,234 +11,264 @@ import { useTaxAndCashDashboard, } from "./useTaxAndCashDashboard";
 export class TaxAndCashDashboard {
   constructor() {
     /**
-     * Status text displayed in badge when tax document is Active
-     *
-     * @uiName Status text
+     * @uiName Active tax form badge label
      */
     this.statusTextActive = "Active";
     /**
-     * Status text displayed in badge when tax document is Not Active
-     *
-     * @uiName Status text
+     * @uiName Invalid tax form badge label
      */
     this.statusTextNotActive = "Invalid Tax Form";
     /**
-     * Status text displayed in badge when tax document is Not Verified
+     * Displayed when the participant submitted their form but it is awaiting review.
      *
-     * @uiName Status text
+     * @uiName Not verified tax form badge label
      */
     this.statusTextNotVerified = "Not Verified";
     /**
-     * Description text which appears beside badge showing when the form was submitted
+     * Additional text displayed next to the tax form's status badge
      *
-     * @uiName Badge description text
+     * @uiName Active W-9 description
      */
     this.badgeTextSubmittedOn = "Submitted on {dateSubmitted}.";
     /**
-     * Description text for W8 which appears beside badge showing when the form was submitted
+     * Additional text displayed next to the tax form's status badge.
      *
-     * @uiName Badge description text
+     * @uiName Active W-8 description
      */
     this.badgeTextSubmittedOnW8 = "Submitted on {dateSubmitted}. Valid for three years after submission.";
     /**
-     * Description text which appears beside badge showing the form is awaiting review
+     * Additional text displayed next to the tax form's status badge.
      *
-     * @uiName Badge description text
+     * @uiName Tax form in review description
      */
     this.badgeTextAwaitingReview = "Awaiting review. Submitted on {dateSubmitted}.";
     /**
-     * Header displayed in not active W9 alert header at the top of the page.
+     * Part of the alert displayed at the top of the page.
      *
-     * @uiName Not active W9 alert header
+     * @uiName Inactive W-9 error message title
+     * @uiWidget textArea
      */
     this.taxAlertHeaderNotActiveW9 = "Your W9 tax form has personal information that doesn’t match your profile";
     /**
-     * Header displayed in not active W9 alert header at the top of the page.
+     * Part of the alert displayed at the top of the page.
      *
-     * @uiName Not active W8 alert header
+     * @uiName Inactive W-8 error message title
+     * @uiWidget textArea
      */
     this.taxAlertHeaderNotActiveW8 = "{documentType} tax form is invalid";
     /**
-     * Description text displayed in W9 alert body at the top of the page.
+     * Part of the alert displayed at the top of the page.
      *
-     * @uiName Tax W9 alert message
+     * @uiName Inactive W-9 error message description
+     * @uiWidget textArea
      */
     this.taxAlertNotActiveMessageW9 = "Please resubmit a new {documentType} form.";
     /**
-     * Description text displayed in W8 alert body at the top of the page.
+     * Part of the alert displayed at the top of the page.
      *
-     * @uiName Tax W8 alert message
+     * @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.";
     /**
-     * Description text displayed next to the badge in the tax documents status
+     * Additional text displayed next to the tax form's status badge.
      *
-     * @uiName Invalid form description text
+     * @uiName Invalid tax form description
+     * @uiWidget textArea
      */
     this.invalidForm = "Make sure your information is correct and submit new form.";
     /**
-     * Header text displayed above the banking information card
-     *
-     * @uiName Banking information header
+     * @uiName Payout information section header
      */
     this.bankingInformationSectionHeader = "Payout information";
     /**
-     * Header text displayed above the tax documents status
-     *
      * @uiName Tax document section header
      */
     this.taxDocumentSectionHeader = "Tax documents";
     /**
-     * Sub header text displayed above the tax documents status
+     * Displayed under the tax document section header.
      *
-     * @uiName Tax documents sub header
+     * @uiName Tax documents section description
      */
     this.taxDocumentSectionSubHeader = "{documentType} tax form";
     /**
-     * Subtext displayed at the bottom of the page if there are no tax documents to show
+     * No other statuses or badges will be displayed in the tax form section in this case.
      *
-     * @uiName No form needed subtext
+     * @uiName Tax form not required text
+     * @uiWidget textArea
      */
     this.noFormNeededSubtext = "Tax documents are only required if you are based in the US or joining the referral program of a US based brand.";
     /**
-     * Header text displayed above the indirect tax preview section
      *
-     * @uiName Indirect Tax Information Header
+     * @uiName Indirect tax section header
      */
     this.indirectTaxInfoSectionHeader = "Indirect tax";
     /**
-     * Country/Province description text of indirect tax
+     * If the participant is registered for indirect tax in Canada, display the province they’re registered in.
      *
-     * @uiName Indirect tax Canada description
+     * @uiName Canadian province of indirect tax
      */
     this.indirectTaxInfoCanada = "Registered in {province}, {country}";
     /**
-     * Other country description text of indirect tax
+     * If the participant is registered for indirect tax, display the country they’re registered in.
      *
-     * @uiName Indirect tax other country description
+     * @uiName Indirect tax country
      */
     this.indirectTaxInfoOtherCountry = "Registered in {country}";
     /**
-     * Spain/Region description text of indirect tax
+     * If the participant is registered for indirect tax in Spain, display the region they’re registered in.
      *
-     * @uiName Indirect tax Spain description
+     * @uiName Spanish region of indirect tax
      */
     this.indirectTaxInfoSpain = "Registered in {country}, {subRegion}";
     /**
-     * Indirect tax tooltip text for support
-     *
-     * @uiName Indirect tax tooltip description
+     * @uiName Indirect tax tooltip
+     * @uiWidget textArea
      */
     this.indirectTaxTooltipSupport = "To make changes to your indirect tax information, please contact Support.";
     /**
-     * Indirect tax number/type details
+     * Displayed to participants who have submitted their indirect tax information.
      *
      * @uiName Indirect tax details
      */
     this.indirectTaxDetails = "{indirectTaxType} number: {indirectTaxNumber}";
     /**
-     * Text displayed in the submit new document button at the bottom of the page
-     *
-     * @uiName No form needed subtext
+     * @uiName Submit new tax form button label
      */
-    this.newFormButton = "Submit New Form";
+    this.newFormButton = "Submit new form";
     /**
-     * Text displayed in the edit Payment Information button
      *
-     * @uiName Edit Payment Information button
+     * @uiName Edit payment info button label
      */
     this.editPaymentInformationButton = "Edit Payout Information";
     /**
-     * Text displayed when partner is not registered for Indirect Tax
-     *
-     * @uiName Not registered for Indirect Tax
+     * @uiName Not registered for indirect tax text
+     * @uiWidget textArea
      */
-    this.notRegisteredForTax = "Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.";
+    this.notRegisteredForTax = "Not registered for indirect tax. If you’ve previously registered with your tax authority, contact Support to add your information to stay tax compliant.";
     /**
-     * Label text for the QST number
-     * @uiName QST number input
+     * Displayed to participants registered in Quebec, Canada.
+     * @uiName QST indirect tax details
      */
     this.qstNumber = "QST number: {qstNumber}";
     /**
-     * Label text for the sub-region tax number
-     * @uiName Sub-region tax number
+     * @uiName Spain sub-region indirect tax number
      */
     this.subRegionTaxNumber = "Income tax number: {subRegionTaxNumber}";
     /**
-     * Label text for next payout status badge
-     * @uiName Status badge text
+     * @uiName Payout status badge
      */
     this.statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
     /**
-     * Label text for the next payout based on balance
-     * @uiName Threshold payout text
+     * 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}";
     /**
-     * Label text account heading text
-     * @uiName Account text
+     * Shown before the participant’s bank account information.
+     * @uiName Bank account field label
      */
     this.accountText = "Account";
     /**
-     * @uiName Error banner title text
+     * 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.errorTitleText = "Your payout is on hold ";
     /**
-     * @uiName Error banner description text
+     * 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.errorDescriptionText = "If you’ve recently added your payout information, please wait while we verify your information. If it’s still on hold after a few days, please contact Support or check your inbox for an email from our referral program provider, impact.com.";
     /**
-     * The title for error message shown at the top of the page in an error banner
-     *
-     * @uiName General error title
+     * 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.
+     * @uiName Form submission error message title
+     * @uiWidget textArea
      */
     this.generalErrorTitle = "There was a problem submitting your information";
     /**
-     * The error message shown at the top of the page in an error banner
-     *
-     * @uiName General error text
+     * 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 Support.";
     /**
-     * Sub text describing how payouts are provided from impact.com
+     * 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.";
     /**
-     * Alert header shown if there is a problem loading a form
-     * @uiName Loading error alert header
+     * 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";
     /**
-     * Alert description shown if there is a problem loading a form
-     * @uiName Loading error alert description
+     * 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 Support.";
     /**
-     * Invoice table Invoice column title
-     * @uiName Invoice column title
+     * Part of the Invoice table displayed at the bottom of the page.
+     * @uiName Invoice number column title
      */
     this.invoiceColumnTitle = "Invoice";
     /**
-     * Invoice table Date column title
+     * Part of the Invoice table displayed at the bottom of the page.
      * @uiName Date column title
      */
     this.dateColumnTitle = "Date";
     /**
-     * Invoice table Earnings column title
+     * Part of the Invoice table displayed at the bottom of the page.
      * @uiName Earnings column title
      */
     this.earningsColumnTitle = "Earnings";
     /**
-     * Invoice table Taxed Amount column title
-     * @uiName Taxed Amount column title
+     * Part of the Invoice table displayed at the bottom of the page.
+     * @uiName Indirect tax column title
      */
-    this.taxedAmountColumnTitle = "Taxed Amount";
+    this.indirectTaxColumnTitle = "Indirect tax";
     /**
-     * Invoice table Earnings after tax column title
+     * 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";
+    /**
+     * Displayed at the top of the page on all set up steps and on the dashboard.
+     * @uiName Page description
+     */
+    this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
+    /**
+     * @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 Cancel button label
+     */
+    this.cancelButton = "Cancel";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -278,10 +308,10 @@ export class TaxAndCashDashboard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Status text",
+            "text": "Active tax form badge label",
             "name": "uiName"
           }],
-        "text": "Status text displayed in badge when tax document is Active"
+        "text": ""
       },
       "attribute": "status-text-active",
       "reflect": false,
@@ -299,10 +329,10 @@ export class TaxAndCashDashboard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Status text",
+            "text": "Invalid tax form badge label",
             "name": "uiName"
           }],
-        "text": "Status text displayed in badge when tax document is Not Active"
+        "text": ""
       },
       "attribute": "status-text-not-active",
       "reflect": false,
@@ -320,10 +350,10 @@ export class TaxAndCashDashboard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Status text",
+            "text": "Not verified tax form badge label",
             "name": "uiName"
           }],
-        "text": "Status text displayed in badge when tax document is Not Verified"
+        "text": "Displayed when the participant submitted their form but it is awaiting review."
       },
       "attribute": "status-text-not-verified",
       "reflect": false,
@@ -341,10 +371,10 @@ export class TaxAndCashDashboard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Badge description text",
+            "text": "Active W-9 description",
             "name": "uiName"
           }],
-        "text": "Description text which appears beside badge showing when the form was submitted"
+        "text": "Additional text displayed next to the tax form's status badge"
       },
       "attribute": "badge-text-submitted-on",
       "reflect": false,
@@ -362,10 +392,10 @@ export class TaxAndCashDashboard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Badge description text",
+            "text": "Active W-8 description",
             "name": "uiName"
           }],
-        "text": "Description text for W8 which appears beside badge showing when the form was submitted"
+        "text": "Additional text displayed next to the tax form's status badge."
       },
       "attribute": "badge-text-submitted-on-w-8",
       "reflect": false,
@@ -383,10 +413,10 @@ export class TaxAndCashDashboard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Badge description text",
+            "text": "Tax form in review description",
             "name": "uiName"
           }],
-        "text": "Description text which appears beside badge showing the form is awaiting review"
+        "text": "Additional text displayed next to the tax form's status badge."
       },
       "attribute": "badge-text-awaiting-review",
       "reflect": false,
@@ -404,10 +434,13 @@ export class TaxAndCashDashboard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Not active W9 alert header",
+            "text": "Inactive W-9 error message title",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Header displayed in not active W9 alert header at the top of the page."
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "tax-alert-header-not-active-w-9",
       "reflect": false,
@@ -425,10 +458,13 @@ export class TaxAndCashDashboard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Not active W8 alert header",
+            "text": "Inactive W-8 error message title",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Header displayed in not active W9 alert header at the top of the page."
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "tax-alert-header-not-active-w-8",
       "reflect": false,
@@ -446,10 +482,13 @@ export class TaxAndCashDashboard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Tax W9 alert message",
+            "text": "Inactive W-9 error message description",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Description text displayed in W9 alert body at the top of the page."
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "tax-alert-not-active-message-w-9",
       "reflect": false,
@@ -467,10 +506,10 @@ export class TaxAndCashDashboard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Tax W8 alert message",
+            "text": "Inactive W-8 error message description",
             "name": "uiName"
           }],
-        "text": "Description text displayed in W8 alert body at the top of the page."
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "tax-alert-not-active-message-w-8",
       "reflect": false,
@@ -488,10 +527,13 @@ export class TaxAndCashDashboard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Invalid form description text",
+            "text": "Invalid tax form description",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Description text displayed next to the badge in the tax documents status"
+        "text": "Additional text displayed next to the tax form's status badge."
       },
       "attribute": "invalid-form",
       "reflect": false,
@@ -509,10 +551,10 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Banking information header",
+            "text": "Payout information section header",
             "name": "uiName"
           }],
-        "text": "Header text displayed above the banking information card"
+        "text": ""
       },
       "attribute": "banking-information-section-header",
       "reflect": false,
@@ -533,7 +575,7 @@ export class TaxAndCashDashboard {
             "text": "Tax document section header",
             "name": "uiName"
           }],
-        "text": "Header text displayed above the tax documents status"
+        "text": ""
       },
       "attribute": "tax-document-section-header",
       "reflect": false,
@@ -551,10 +593,10 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Tax documents sub header",
+            "text": "Tax documents section description",
             "name": "uiName"
           }],
-        "text": "Sub header text displayed above the tax documents status"
+        "text": "Displayed under the tax document section header."
       },
       "attribute": "tax-document-section-sub-header",
       "reflect": false,
@@ -572,10 +614,13 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "No form needed subtext",
+            "text": "Tax form not required text",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Subtext displayed at the bottom of the page if there are no tax documents to show"
+        "text": "No other statuses or badges will be displayed in the tax form section in this case."
       },
       "attribute": "no-form-needed-subtext",
       "reflect": false,
@@ -593,10 +638,10 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Indirect Tax Information Header",
+            "text": "Indirect tax section header",
             "name": "uiName"
           }],
-        "text": "Header text displayed above the indirect tax preview section"
+        "text": ""
       },
       "attribute": "indirect-tax-info-section-header",
       "reflect": false,
@@ -614,10 +659,10 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Indirect tax Canada description",
+            "text": "Canadian province of indirect tax",
             "name": "uiName"
           }],
-        "text": "Country/Province description text of indirect tax"
+        "text": "If the participant is registered for indirect tax in Canada, display the province they\u2019re registered in."
       },
       "attribute": "indirect-tax-info-canada",
       "reflect": false,
@@ -635,10 +680,10 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Indirect tax other country description",
+            "text": "Indirect tax country",
             "name": "uiName"
           }],
-        "text": "Other country description text of indirect tax"
+        "text": "If the participant is registered for indirect tax, display the country they\u2019re registered in."
       },
       "attribute": "indirect-tax-info-other-country",
       "reflect": false,
@@ -656,10 +701,10 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Indirect tax Spain description",
+            "text": "Spanish region of indirect tax",
             "name": "uiName"
           }],
-        "text": "Spain/Region description text of indirect tax"
+        "text": "If the participant is registered for indirect tax in Spain, display the region they\u2019re registered in."
       },
       "attribute": "indirect-tax-info-spain",
       "reflect": false,
@@ -677,10 +722,13 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Indirect tax tooltip description",
+            "text": "Indirect tax tooltip",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Indirect tax tooltip text for support"
+        "text": ""
       },
       "attribute": "indirect-tax-tooltip-support",
       "reflect": false,
@@ -701,7 +749,7 @@ export class TaxAndCashDashboard {
             "text": "Indirect tax details",
             "name": "uiName"
           }],
-        "text": "Indirect tax number/type details"
+        "text": "Displayed to participants who have submitted their indirect tax information."
       },
       "attribute": "indirect-tax-details",
       "reflect": false,
@@ -719,14 +767,14 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "No form needed subtext",
+            "text": "Submit new tax form button label",
             "name": "uiName"
           }],
-        "text": "Text displayed in the submit new document button at the bottom of the page"
+        "text": ""
       },
       "attribute": "new-form-button",
       "reflect": false,
-      "defaultValue": "\"Submit New Form\""
+      "defaultValue": "\"Submit new form\""
     },
     "editPaymentInformationButton": {
       "type": "string",
@@ -740,10 +788,10 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Edit Payment Information button",
+            "text": "Edit payment info button label",
             "name": "uiName"
           }],
-        "text": "Text displayed in the edit Payment Information button"
+        "text": ""
       },
       "attribute": "edit-payment-information-button",
       "reflect": false,
@@ -761,14 +809,17 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Not registered for Indirect Tax",
+            "text": "Not registered for indirect tax text",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Text displayed when partner is not registered for Indirect Tax"
+        "text": ""
       },
       "attribute": "not-registered-for-tax",
       "reflect": false,
-      "defaultValue": "\"Not registered. Participants representing a company in countries that enforce indirect tax (e.g. GST, HST, VAT) must add their indirect tax information.\""
+      "defaultValue": "\"Not registered for indirect tax. If you\u2019ve previously registered with your tax authority, contact Support to add your information to stay tax compliant.\""
     },
     "qstNumber": {
       "type": "string",
@@ -782,10 +833,10 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "QST number input",
+            "text": "QST indirect tax details",
             "name": "uiName"
           }],
-        "text": "Label text for the QST number"
+        "text": "Displayed to participants registered in Quebec, Canada."
       },
       "attribute": "qst-number",
       "reflect": false,
@@ -803,10 +854,10 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Sub-region tax number",
+            "text": "Spain sub-region indirect tax number",
             "name": "uiName"
           }],
-        "text": "Label text for the sub-region tax number"
+        "text": ""
       },
       "attribute": "sub-region-tax-number",
       "reflect": false,
@@ -824,10 +875,10 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Status badge text",
+            "text": "Payout status badge",
             "name": "uiName"
           }],
-        "text": "Label text for next payout status badge"
+        "text": ""
       },
       "attribute": "status-badge-text",
       "reflect": false,
@@ -845,10 +896,10 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Threshold payout text",
+            "text": "Payout schedule by threshold text",
             "name": "uiName"
           }],
-        "text": "Label text for the next payout based on balance"
+        "text": "Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid."
       },
       "attribute": "threshold-payout-text",
       "reflect": false,
@@ -866,10 +917,10 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Account text",
+            "text": "Bank account field label",
             "name": "uiName"
           }],
-        "text": "Label text account heading text"
+        "text": "Shown before the participant\u2019s bank account information."
       },
       "attribute": "account-text",
       "reflect": false,
@@ -887,10 +938,13 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Error banner title text",
+            "text": "Payout error message title",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": ""
+        "text": "Part of the alert displayed at the top of the page when there\u2019s been an issue preventing payouts."
       },
       "attribute": "error-title-text",
       "reflect": false,
@@ -908,15 +962,39 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Error banner description text",
+            "text": "Payout error message description",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": ""
+        "text": "Part of the alert displayed at the top of the page when there\u2019s been an issue preventing payouts."
       },
       "attribute": "error-description-text",
       "reflect": false,
       "defaultValue": "\"If you\u2019ve recently added your payout information, please wait while we verify your information. If it\u2019s still on hold after a few days, please contact Support or check your inbox for an email from our referral program provider, impact.com.\""
     },
+    "payoutMissingInformationText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payout missing information subtext",
+            "name": "uiName"
+          }],
+        "text": "Text displayed for existing publishers that do not have saved banking information."
+      },
+      "attribute": "payout-missing-information-text",
+      "reflect": false,
+      "defaultValue": "\"Missing banking information, go to Impact.com to resolve.\""
+    },
     "generalErrorTitle": {
       "type": "string",
       "mutable": false,
@@ -929,10 +1007,13 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "General error title",
+            "text": "Form submission error message title",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "The title for error message shown at the top of the page in an error banner"
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "general-error-title",
       "reflect": false,
@@ -950,10 +1031,13 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "General error text",
+            "text": "Form submission error message description",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "The error message shown at the top of the page in an error banner"
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "general-error-description",
       "reflect": false,
@@ -973,8 +1057,11 @@ export class TaxAndCashDashboard {
         "tags": [{
             "text": "Payout from impact text",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Sub text describing how payouts are provided from impact.com"
+        "text": "Displayed under the payout details card."
       },
       "attribute": "payout-from-impact",
       "reflect": false,
@@ -992,10 +1079,13 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Loading error alert header",
+            "text": "Page load error message title",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Alert header shown if there is a problem loading a form"
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "loading-error-alert-header",
       "reflect": false,
@@ -1013,10 +1103,13 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Loading error alert description",
+            "text": "Page load error message description",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Alert description shown if there is a problem loading a form"
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "loading-error-alert-description",
       "reflect": false,
@@ -1034,10 +1127,10 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Invoice column title",
+            "text": "Invoice number column title",
             "name": "uiName"
           }],
-        "text": "Invoice table Invoice column title"
+        "text": "Part of the Invoice table displayed at the bottom of the page."
       },
       "attribute": "invoice-column-title",
       "reflect": false,
@@ -1058,7 +1151,7 @@ export class TaxAndCashDashboard {
             "text": "Date column title",
             "name": "uiName"
           }],
-        "text": "Invoice table Date column title"
+        "text": "Part of the Invoice table displayed at the bottom of the page."
       },
       "attribute": "date-column-title",
       "reflect": false,
@@ -1079,13 +1172,13 @@ export class TaxAndCashDashboard {
             "text": "Earnings column title",
             "name": "uiName"
           }],
-        "text": "Invoice table Earnings column title"
+        "text": "Part of the Invoice table displayed at the bottom of the page."
       },
       "attribute": "earnings-column-title",
       "reflect": false,
       "defaultValue": "\"Earnings\""
     },
-    "taxedAmountColumnTitle": {
+    "indirectTaxColumnTitle": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -1097,14 +1190,14 @@ export class TaxAndCashDashboard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Taxed Amount column title",
+            "text": "Indirect tax column title",
             "name": "uiName"
           }],
-        "text": "Invoice table Taxed Amount column title"
+        "text": "Part of the Invoice table displayed at the bottom of the page."
       },
-      "attribute": "taxed-amount-column-title",
+      "attribute": "indirect-tax-column-title",
       "reflect": false,
-      "defaultValue": "\"Taxed Amount\""
+      "defaultValue": "\"Indirect tax\""
     },
     "earningsAfterTaxColumnTitle": {
       "type": "string",
@@ -1121,18 +1214,228 @@ export class TaxAndCashDashboard {
             "text": "Earnings after tax column title",
             "name": "uiName"
           }],
-        "text": "Invoice table Earnings after tax column title"
+        "text": "Part of the Invoice table displayed at the bottom of the page."
       },
       "attribute": "earnings-after-tax-column-title",
       "reflect": false,
       "defaultValue": "\"Earnings after tax\""
     },
+    "invoiceDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Invoice table description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "invoice-description",
+      "reflect": false,
+      "defaultValue": "\"View and download your invoices to report your earnings and stay tax compliant.\""
+    },
+    "invoicePrevLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Invoice table previous page button label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "invoice-prev-label",
+      "reflect": false,
+      "defaultValue": "\"Prev\""
+    },
+    "invoiceMoreLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Invoice table next page button label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "invoice-more-label",
+      "reflect": false,
+      "defaultValue": "\"Next\""
+    },
+    "invoiceHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Invoice table title",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "invoice-header",
+      "reflect": false,
+      "defaultValue": "\"Invoices\""
+    },
+    "invoiceEmptyStateHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Empty invoice table header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "invoice-empty-state-header",
+      "reflect": false,
+      "defaultValue": "\"View your invoice details\""
+    },
+    "invoiceEmptyStateText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Empty invoice table description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "invoice-empty-state-text",
+      "reflect": false,
+      "defaultValue": "\"Refer a friend to view the status of your invoices and rewards earned\""
+    },
+    "taxAndPayoutsDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Page description",
+            "name": "uiName"
+          }],
+        "text": "Displayed at the top of the page on all set up steps and on the dashboard."
+      },
+      "attribute": "tax-and-payouts-description",
+      "reflect": false,
+      "defaultValue": "\"Submit your tax documents and add your banking information to receive your rewards.\""
+    },
+    "replaceTaxFormModalHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Replace tax form modal header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "replace-tax-form-modal-header",
+      "reflect": false,
+      "defaultValue": "\"Replace existing tax form\""
+    },
+    "replaceTaxFormModalBodyText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Replace tax form modal body text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "replace-tax-form-modal-body-text",
+      "reflect": false,
+      "defaultValue": "\"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.\""
+    },
+    "cancelButton": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Cancel button label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "cancel-button",
+      "reflect": false,
+      "defaultValue": "\"Cancel\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<UseTaxAndCashDashboardResult>",
-        "resolved": "{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; canEditPayoutInfo: boolean; disabled?: boolean; dateSubmitted?: string; dateExpired?: string; expiresSoon?: boolean; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: string; subRegionTaxNumber?: string; subRegion?: string; indirectTaxNumber?: string; province?: string; country?: string; notRegistered?: boolean; isBusinessEntity?: boolean; loading?: boolean; loadingError?: boolean; errors?: { general?: boolean; }; }; }",
+        "resolved": "{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; canEditPayoutInfo: boolean; disabled?: boolean; dateSubmitted?: string; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: string; subRegionTaxNumber?: string; subRegion?: string; indirectTaxNumber?: string; province?: string; country?: string; notRegistered?: boolean; isBusinessEntity?: boolean; loading?: boolean; loadingError?: boolean; showNewFormDialog: boolean; errors?: { general?: boolean; }; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -1170,13 +1473,15 @@ function useDemoTaxAndCashDashboard(props) {
       indirectTaxNumber: 55555555,
       indirectTaxType: "Indirect Tax",
       noFormNeeded: true,
-      expiresSoon: false,
       disabled: false,
       loading: false,
+      showNewFormDialog: false,
     },
     callbacks: {
       onClick: () => console.debug("check step"),
       onEditPayoutInfo: () => console.debug("payout info"),
+      onNewFormCancel: () => console.log("hide"),
+      onNewFormClick: () => console.log("show"),
     },
     text: props.getTextProps(),
   }, props.demoData || {}, { arrayMerge: (_, a) => a });