@saasquatch/mint-components 1.8.0-98 → 1.8.0

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

@@ -1,15 +1,14 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { isDemo, useSetParent } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { useState } from "@saasquatch/universal-hooks";
 import { Component, Host, Prop, h } from "@stencil/core";
 import deepmerge from "deepmerge";
 import { getProps } from "../../../utils/utils";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 import { OtherRegionSlotView } from "../sqm-user-info-form/small-views/IndirectTaxDetailsView";
+import { INDIRECT_TAX_PROVINCES, INDIRECT_TAX_SPAIN_REGIONS, } from "../subregions";
 import { IndirectTaxFormView } from "./sqm-indirect-tax-form-view";
 import { useIndirectTaxForm, } from "./useIndirectTaxForm";
-import { INDIRECT_TAX_PROVINCES, INDIRECT_TAX_SPAIN_REGIONS, } from "../subregions";
-import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 /**
  * @uiName Indirect Tax Form
  * @exampleGroup Tax and Cash Components
@@ -17,150 +16,150 @@ import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
 export class IndirectTaxForm {
   constructor() {
     /**
-     * Subtext shown at the top of the page, used to show the current step of the tax form.
-     * @uiName Form step text
+     * @uiName Setup progress
      */
     this.formStep = "Step {step} of {count}";
     /**
-     * Heading text shown at the top of the page
-     * @uiName Indirect tax heading text
+     * @uiName Step 2 title
      */
     this.indirectTax = "Indirect Tax";
     /**
-     * Text shown at the top of the page below to the indirect tax header
-     * @uiName Indirect tax label text
+     * Displayed under the title of this step.
+     * @uiName Step 2 description
+     * @uiWidget textArea
      */
-    this.indirectTaxDescription = "Indirect taxes (e.g. VAT, HST, GST) are transactional based taxes collected by business and retailers on behalf of governments. Any rewards you receive may be subject to indirect taxes based on your country.";
+    this.indirectTaxDescription = "Indirect taxes (e.g. VAT, HST, GST) are transaction based taxes often applied to goods and services. Service providers are typically required to register with their tax authority and collect these taxes on behalf governments.";
     /**
-     * Heading text for the indirect tax details section
-     * @uiName Indirect tax details heading text
+     * Displayed with indirect tax registration options.
+     * @uiName Indirect tax details section title
      */
     this.indirectTaxDetails = "Indirect tax details";
     /**
-     * Text shown below the indirect tax details heading text
-     * @uiName Indirect tax details subtext
-     */
-    this.indirectTaxDetailsDescription = "Participants representing businesses based in countries that enforce indirect taxes (e.g. VAT, HST, GST) must add their indirect tax details to stay tax compliant.";
-    /**
-     * Text for the option indicating registration for indirect tax
-     * @uiName Registered for indirect tax option text
+     * @uiName Registered for indirect tax option
+     * @uiWidget textArea
      */
     this.otherRegion = "Registered for indirect tax";
     /**
-     * Subtext for the option indicating registration for indirect tax in a different region
-     * @uiName Registered for indirect tax in a different region option sub-text
+     * Selecting this option will display fields to enter indirect tax details.
+     * @uiName Registered for indirect tax option description
      */
-    this.otherRegionSubtext = "If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.";
+    this.otherRegionSubtext = "If you’ve registered with your tax authority, add your information to stay tax compliant.";
     /**
-     * Text for the option indicating not being registered for indirect tax
-     * @uiName Not registered for indirect tax option text
+     * @uiName Not registered for indirect tax option
+     * @uiWidget textArea
      */
     this.notRegistered = "Not registered for indirect tax";
     /**
-     * Subtext for the option indicating not being registered for indirect tax
-     * @uiName Not registered for indirect tax option sub-text
+     * Participants based in the US are  considered not registered.
+     * @uiName Not registered for indirect tax option description
      */
-    this.notRegisteredSubtext = "If you’re joining this referral program as an individual or you’re based in the US, then you’re not registered.";
+    this.notRegisteredSubtext = "If you’ve never set up indirect tax with your tax authority, then you’re likely not considered registered.";
     /**
-     * Label text for the country/region select input
-     * @uiName Selected country/region label
+     * @uiName Region of indirect tax field label
      */
     this.selectedRegion = "Country / region of indirect tax";
     /**
-     * Label text for the province input
-     * @uiName Province input label
+     * @uiName Province field label
      */
     this.province = "Province";
     /**
-     * Label text for the indirect tax number input with a dynamic placeholder based on tax type
-     * @uiName Indirect tax number input label
+     * @uiName Indirect tax number field label
      */
     this.indirectTaxNumber = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}";
     /**
-     * Label text for the QST number input field
-     * @uiName QST number input label
+     * Displayed to participants registered for QST.
+     * @uiName QST number field label
      */
     this.qstNumber = "QST number";
     /**
-     * Text for the option indicating registration for QST tax
-     * @uiName Registered for QST tax option text
+     * Displayed to participants registered for indirect tax in Quebec, Canada.
+     * @uiName QST tax checkbox
      */
     this.isRegisteredQST = "I am registered for QST Tax";
     /**
-     * Text for the option indicating registration for sub-region income tax
-     * @uiName Registered for sub-region income tax option text
+     * Displayed to participants registered for indirect tax in Spain.
+     * @uiName Spain income tax checkbox
+     * @uiWidget textArea
      */
     this.isRegisteredSubRegionIncomeTax = "I am an individual registered for Income Tax purposes in Spain, and withholding tax will apply to any payments made to me.";
     /**
-     * Label text for the sub-region input field
-     * @uiName Sub-region input label
+     * Displayed to participants registered in Spain.
+     * @uiName Sub-region of indirect tax field label
      */
     this.subRegion = "Sub-region";
     /**
-     * Label text for the sub-region tax number input field
-     * @uiName Sub-region tax number input label
+     * @uiName Income tax field label
      */
     this.subRegionTaxNumberLabel = "Income tax number";
     /**
-     * Text for the back button in the form
-     * @uiName Back button text
+     * @uiName Back button label
      */
     this.backButton = "Back";
     /**
-     * Alert text indicating participant cannot change info after it has been submitted
-     * @uiName Cannot change info Alert text
+     * Communicate that after this step, only Support can change personal and indirect tax information.
+     * @uiName Submission confirmation alert
+     * @uiWidget textArea
      */
     this.cannotChangeInfoAlert = "Changes to your personal and indirect tax information can only be made through our Support team after you complete this step. Make sure these are correct before continuing.";
     /**
-     * Error message for the indirect tax number input field with a dynamic placeholder based on tax type
-     * @uiName Indirect tax number error message
+     * @uiName Missing indirect tax number error message
      */
     this.indirectTaxNumberError = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required";
     /**
      * Placeholder text displayed in the country search dropdown
-     * @uiName Search for country text
+     * @uiName Country field placeholder text
      */
     this.searchForCountryText = "Search for country..";
     /**
-     * Required error text shown at the bottom of field inputs
-     * @uiName Field inputs error text
+     * Displayed under a field that is missing required information.
+     * @uiName Empty form field error message
      */
     this.fieldRequiredError = "{fieldName} is required";
     /**
-     * Header text for the alert when the user is identified as a partner
-     * @uiName Partner identification alert header
+     * Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com.
+     * @uiName Participant is a partner alert title
+     * @uiWidget textArea
      */
     this.isPartnerAlertHeader = "An account with this email already exists with our referral program provider, impact.com";
     /**
-     * Description text for the alert when the user is identified as a partner
-     * @uiName Partner identification alert description
+     * Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com.
+     * @uiName Participant is a partner alert description
+     * @uiWidget textArea
      */
     this.isPartnerAlertDescription = "If you don’t recognize this referral program provider or believe this is a mistake, please contact Support or sign up for this referral program with a different email.";
     /**
-     * Text for the continue button in the form
-     * @uiName Continue button text
+     * @uiName Continue button label
      */
     this.continueButton = "Continue";
     /**
-     * Title text for a general form submission error
-     * @uiName General form submission error title
+     * 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";
     /**
-     * Description text for a general form submission error
-     * @uiName General form submission error description
+     * 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.";
     /**
-     * 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.";
+    /**
+     * Displayed at the top of the page on all set up steps.
+     * @uiName Page description
+     */
+    this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -201,6 +200,7 @@ export class IndirectTaxForm {
         disabled: props.states.disabled || props.states.isPartner,
         formState: props.slotProps.formState,
         loading: props.states.loading,
+        isPartner: props.states.isPartner,
       }, callbacks: props.callbacks, data: {
         esRegions: props.data.esRegions,
         countries: props.data.countries,
@@ -227,10 +227,10 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Form step text",
+            "text": "Setup progress",
             "name": "uiName"
           }],
-        "text": "Subtext shown at the top of the page, used to show the current step of the tax form."
+        "text": ""
       },
       "attribute": "form-step",
       "reflect": false,
@@ -248,10 +248,10 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Indirect tax heading text",
+            "text": "Step 2 title",
             "name": "uiName"
           }],
-        "text": "Heading text shown at the top of the page"
+        "text": ""
       },
       "attribute": "indirect-tax",
       "reflect": false,
@@ -269,14 +269,17 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Indirect tax label text",
+            "text": "Step 2 description",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Text shown at the top of the page below to the indirect tax header"
+        "text": "Displayed under the title of this step."
       },
       "attribute": "indirect-tax-description",
       "reflect": false,
-      "defaultValue": "\"Indirect taxes (e.g. VAT, HST, GST) are transactional based taxes collected by business and retailers on behalf of governments. Any rewards you receive may be subject to indirect taxes based on your country.\""
+      "defaultValue": "\"Indirect taxes (e.g. VAT, HST, GST) are transaction based taxes often applied to goods and services. Service providers are typically required to register with their tax authority and collect these taxes on behalf governments.\""
     },
     "indirectTaxDetails": {
       "type": "string",
@@ -290,36 +293,15 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Indirect tax details heading text",
+            "text": "Indirect tax details section title",
             "name": "uiName"
           }],
-        "text": "Heading text for the indirect tax details section"
+        "text": "Displayed with indirect tax registration options."
       },
       "attribute": "indirect-tax-details",
       "reflect": false,
       "defaultValue": "\"Indirect tax details\""
     },
-    "indirectTaxDetailsDescription": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Indirect tax details subtext",
-            "name": "uiName"
-          }],
-        "text": "Text shown below the indirect tax details heading text"
-      },
-      "attribute": "indirect-tax-details-description",
-      "reflect": false,
-      "defaultValue": "\"Participants representing businesses based in countries that enforce indirect taxes (e.g. VAT, HST, GST) must add their indirect tax details to stay tax compliant.\""
-    },
     "otherRegion": {
       "type": "string",
       "mutable": false,
@@ -332,10 +314,13 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Registered for indirect tax option text",
+            "text": "Registered for indirect tax option",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Text for the option indicating registration for indirect tax"
+        "text": ""
       },
       "attribute": "other-region",
       "reflect": false,
@@ -353,14 +338,14 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Registered for indirect tax in a different region option sub-text",
+            "text": "Registered for indirect tax option description",
             "name": "uiName"
           }],
-        "text": "Subtext for the option indicating registration for indirect tax in a different region"
+        "text": "Selecting this option will display fields to enter indirect tax details."
       },
       "attribute": "other-region-subtext",
       "reflect": false,
-      "defaultValue": "\"If you represent a business based outside of the US may be registered. Not sure? Contact our Support team to find out more.\""
+      "defaultValue": "\"If you\u2019ve registered with your tax authority, add your information to stay tax compliant.\""
     },
     "notRegistered": {
       "type": "string",
@@ -374,10 +359,13 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Not registered for indirect tax option text",
+            "text": "Not registered for indirect tax option",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Text for the option indicating not being registered for indirect tax"
+        "text": ""
       },
       "attribute": "not-registered",
       "reflect": false,
@@ -395,14 +383,14 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Not registered for indirect tax option sub-text",
+            "text": "Not registered for indirect tax option description",
             "name": "uiName"
           }],
-        "text": "Subtext for the option indicating not being registered for indirect tax"
+        "text": "Participants based in the US are  considered not registered."
       },
       "attribute": "not-registered-subtext",
       "reflect": false,
-      "defaultValue": "\"If you\u2019re joining this referral program as an individual or you\u2019re based in the US, then you\u2019re not registered.\""
+      "defaultValue": "\"If you\u2019ve never set up indirect tax with your tax authority, then you\u2019re likely not considered registered.\""
     },
     "selectedRegion": {
       "type": "string",
@@ -416,10 +404,10 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Selected country/region label",
+            "text": "Region of indirect tax field label",
             "name": "uiName"
           }],
-        "text": "Label text for the country/region select input"
+        "text": ""
       },
       "attribute": "selected-region",
       "reflect": false,
@@ -437,10 +425,10 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Province input label",
+            "text": "Province field label",
             "name": "uiName"
           }],
-        "text": "Label text for the province input"
+        "text": ""
       },
       "attribute": "province",
       "reflect": false,
@@ -458,10 +446,10 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Indirect tax number input label",
+            "text": "Indirect tax number field label",
             "name": "uiName"
           }],
-        "text": "Label text for the indirect tax number input with a dynamic placeholder based on tax type"
+        "text": ""
       },
       "attribute": "indirect-tax-number",
       "reflect": false,
@@ -479,10 +467,10 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "QST number input label",
+            "text": "QST number field label",
             "name": "uiName"
           }],
-        "text": "Label text for the QST number input field"
+        "text": "Displayed to participants registered for QST."
       },
       "attribute": "qst-number",
       "reflect": false,
@@ -500,10 +488,10 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Registered for QST tax option text",
+            "text": "QST tax checkbox",
             "name": "uiName"
           }],
-        "text": "Text for the option indicating registration for QST tax"
+        "text": "Displayed to participants registered for indirect tax in Quebec, Canada."
       },
       "attribute": "is-registered-q-s-t",
       "reflect": false,
@@ -521,10 +509,13 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Registered for sub-region income tax option text",
+            "text": "Spain income tax checkbox",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Text for the option indicating registration for sub-region income tax"
+        "text": "Displayed to participants registered for indirect tax in Spain."
       },
       "attribute": "is-registered-sub-region-income-tax",
       "reflect": false,
@@ -542,10 +533,10 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Sub-region input label",
+            "text": "Sub-region of indirect tax field label",
             "name": "uiName"
           }],
-        "text": "Label text for the sub-region input field"
+        "text": "Displayed to participants registered in Spain."
       },
       "attribute": "sub-region",
       "reflect": false,
@@ -563,10 +554,10 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Sub-region tax number input label",
+            "text": "Income tax field label",
             "name": "uiName"
           }],
-        "text": "Label text for the sub-region tax number input field"
+        "text": ""
       },
       "attribute": "sub-region-tax-number-label",
       "reflect": false,
@@ -584,10 +575,10 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Back button text",
+            "text": "Back button label",
             "name": "uiName"
           }],
-        "text": "Text for the back button in the form"
+        "text": ""
       },
       "attribute": "back-button",
       "reflect": false,
@@ -605,10 +596,13 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Cannot change info Alert text",
+            "text": "Submission confirmation alert",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Alert text indicating participant cannot change info after it has been submitted"
+        "text": "Communicate that after this step, only Support can change personal and indirect tax information."
       },
       "attribute": "cannot-change-info-alert",
       "reflect": false,
@@ -626,10 +620,10 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Indirect tax number error message",
+            "text": "Missing indirect tax number error message",
             "name": "uiName"
           }],
-        "text": "Error message for the indirect tax number input field with a dynamic placeholder based on tax type"
+        "text": ""
       },
       "attribute": "indirect-tax-number-error",
       "reflect": false,
@@ -647,7 +641,7 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Search for country text",
+            "text": "Country field placeholder text",
             "name": "uiName"
           }],
         "text": "Placeholder text displayed in the country search dropdown"
@@ -668,10 +662,10 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Field inputs error text",
+            "text": "Empty form field error message",
             "name": "uiName"
           }],
-        "text": "Required error text shown at the bottom of field inputs"
+        "text": "Displayed under a field that is missing required information."
       },
       "attribute": "field-required-error",
       "reflect": false,
@@ -689,10 +683,13 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Partner identification alert header",
+            "text": "Participant is a partner alert title",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Header text for the alert when the user is identified as a partner"
+        "text": "Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com."
       },
       "attribute": "is-partner-alert-header",
       "reflect": false,
@@ -710,10 +707,13 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Partner identification alert description",
+            "text": "Participant is a partner alert description",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Description text for the alert when the user is identified as a partner"
+        "text": "Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com."
       },
       "attribute": "is-partner-alert-description",
       "reflect": false,
@@ -731,10 +731,10 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Continue button text",
+            "text": "Continue button label",
             "name": "uiName"
           }],
-        "text": "Text for the continue button in the form"
+        "text": ""
       },
       "attribute": "continue-button",
       "reflect": false,
@@ -752,10 +752,13 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "General form submission error title",
+            "text": "Form submission error message title",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Title text for a general form submission error"
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "general-error-title",
       "reflect": false,
@@ -773,10 +776,13 @@ export class IndirectTaxForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "General form submission error description",
+            "text": "Form submission error message description",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Description text for a general form submission error"
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "general-error-description",
       "reflect": false,
@@ -794,10 +800,13 @@ export class IndirectTaxForm {
       "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,
@@ -815,21 +824,45 @@ export class IndirectTaxForm {
       "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,
       "defaultValue": "\"Please refresh the page and try again. If this problem continues, contact Support.\""
     },
+    "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."
+      },
+      "attribute": "tax-and-payouts-description",
+      "reflect": false,
+      "defaultValue": "\"Submit your tax documents and add your banking information to receive your rewards.\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<UseIndirectTaxFormResult>",
-        "resolved": "{ states?: { step: string; hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; loadingError: boolean; formState: { checked: \"hstCanada\" | \"otherRegion\" | \"notRegistered\"; errors: {}; }; }; refs?: { formRef: Ref<HTMLFormElement>; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: TaxCountry[]; allCountries: TaxCountry[]; provinces: { regionCode: string; taxType: string; displayName: string; }[]; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: string; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }",
+        "resolved": "{ states?: { step: string; hideSteps: boolean; disabled: boolean; loading: boolean; isPartner: boolean; loadingError: boolean; formState: { checked: \"hstCanada\" | \"otherRegion\" | \"notRegistered\"; errors: {}; }; }; refs?: { formRef: Ref<HTMLFormElement>; }; data?: { esRegions: { regionCode: string; taxType: string; displayName: string; }[]; countries: { countryCode: string; displayName: any; }[]; allCountries: { countryCode: string; displayName: any; }[]; provinces: { regionCode: string; taxType: string; displayName: string; }[]; }; slotProps?: { formState: { selectedRegion?: string; subRegion?: string; subRegionTaxNumber?: string; qstNumber?: string; province?: string; indirectTaxNumber?: string; hasQst?: boolean; hasSubRegionTaxNumber?: boolean; errors?: any; error?: string; }; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -854,7 +887,7 @@ export class IndirectTaxForm {
   }; }
 }
 function useDemoIndirectTaxForm(props) {
-  const [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
+  const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
   const [option, setOption] = useState(null);
   const [demoFormState, setDemoFormState] = useState({});
   return deepmerge({
@@ -924,12 +957,12 @@ function useDemoIndirectTaxForm(props) {
       formState: {
         ...demoFormState,
         errors: {
-          selectedRegion: true,
-          province: true,
-          subRegion: true,
-          qstNumber: true,
-          subRegionTaxNumber: true,
-          indirectTaxNumber: true,
+          selectedRegion: false,
+          province: false,
+          subRegion: false,
+          qstNumber: false,
+          subRegionTaxNumber: false,
+          indirectTaxNumber: false,
         },
       },
     },